HTML标签与属性
HTML中常用的一些标签和属性。
1.lang属性:搜索引擎 en:英文, zh:中文
2.meta:元数据 charset属性:字符集编码方式
3.h1~h6:标题 一级标题最大
4.p:段落
5.br:段内换行 <b />单独标签
6. :空格字符 (全小写) 可以连续添加多个空格
7.pre:预留格式 定义预格式化的文本,文本中的空格和换行符会被保留
8.span:行内组合 组合行内元素,以便通过css样式来格式化
9.hr:水平线 <hr /> 单独标签
10.<!--注释内容-->:注释
可以跨行,对代标功能进行说明,增加源代码的可读性,还可以对作者,修改版本号等进行说明
11.a:超链接 文本,图片,导航栏会用到超链接。 <a href="网址">文字或图片</a>
举例:⑴链接到本站点其他网页 :<a href="new.html">新闻</a>
⑵链接到其他站点: <a href="http://www.baidu.com">百度</a>
⑶虚拟超链接: <a href="#">板块</a>
12.图像格式:⑴JPG:有损压缩,色彩丰富图片(风景图片,人物图片,其他实物照片)
⑵GIF:简单动画,背景透明
⑶PNG:无损压缩,透明,交错,动画
13.img:插入图像 <img />单独标签 <img src="01.gif" alt="01" />
src属性:图片的来源 路径+文件名
alt属性:图片的替换文本 图片无法找到或种种原因没有打开的时候,浏览器就会自动找到alt属性,将它 里面的文字显示出来
14.div:区域 确定一个单独的区域,页面的一个组成部分,一个栏目板块
align属性:对齐 id属性:这个名字是唯一的
例如:<div id="container" align="center"> </div>
15.sup:上角标
16.ul:无序列表
17.li:列表项
18.ol:有序列表
19.table:表格 每一行用tr标签 每一单元格用td标签表示
border属性:取值代表边框的粗细 表头单元格:th 里面字体加粗
20.form:表单:是一个区域,采集用户信息 表单元素:文本框,按钮,单选,复选,下拉列表,文本域
action属性:收集来的数据交由哪一个页面来处理
例如:<form action="数据处理网页">表单元素</form>
21.input:文本档,密码框
type属性:⑴文本框 type="text" 文本为明文显示
⑵密码框 type="password" 文本用“*”表示
name属性:当前表单元素的名字是什么 作用:通过name属性读取到哪个表单元素里面的数据
注意:⑴表单元素没有自动换行,用段内换行br标签来表示
⑵表单元素带有一个name属性
例如: 账户:<input type="text" name="username"><br />
密码:<input type="password" name="userpsd">
20.input-submit:提交按钮 type属性:submit value属性按钮上显示的文字
21.input-reset:重置按钮
22.input-radio:单选框 input-checkbox:复选框
checked:当设置checked="checked"时,该选项被默认选中
例如:<.input type="radio/checkbox" value="值" name="名称" checked="checked"/>
24.select option :下拉列表框
25.textarea:文本域 <textarea rows="行数" cols="列数">文本</textarea>
26.b:加粗
27.sub:下标 <sub>下标</sub>
28.sup:上标
29.del:被删除文本
30.audio:声音内容
31.button:按钮
32.command:可以定义命令按钮,比如单选按钮、复选框或按钮
33.header:定义文档的页眉(介绍信息)
34.i:斜体
35.big:大号字体
36.small:小号字体
37.nav:定义导航链接的部分
38.video:定义视频,比如电影片段或其他视频流
39.ins: 定义已经被插入文档中的文本
40.caption:定义表格标题。
caption 标签必须紧随 table 标签之后,只能对每个表格定义一个标题,通常这个标题会被居中于表格之上
希望可以有所帮助。
原文地址:https://www.cnblogs.com/shihaiying/p/11219013.html
- HTML 教程
- HTML 简介
- html div 标签介绍
- html span 标签介绍
- html a 超链接标签
- HTML Br换行标签介绍
- HTML P段落标签介绍
- HTML br与p标签区别
- Html H 标题标签
- html px em pt长度单位
- HTML form 标签
- HTML radio 单选框
- HTML B 加粗标签
- HTML strong加粗粗体标签
- HTML em 强调标签
- HTML i 斜体标签
- HTML u下划线标签
- HTML s 删除线标签
- Html img 图片标签
- Html上标注sup与下标注sub标签
- HTML nobr 禁止换行标签
- HTML hr 水平线标签
- HTML label 标签
- HTML input 标签
- HTML textarea 标签
- HTML select下拉列表标签
- HTML checkbox 多选框
- HTML font color 标签
- HTML iframe 框架标签
- HTML Table 表格
- HTML dl dt dd 标签
- HTML ol li有序列表标签
- HTML ul li 无序列表标签
- HTML 注释
- CSS 教程
- CSS 简介
- CSS 语法
- CSS Id 和 Class选择器
- CSS 样式的创建
- CSS background 背景介绍
- CSS 文本样式
- CSS font 字体
- CSS A 链接
- CSS ul ol列表样式
- CSS TABLE 样式
- CSS 框模型
- CSS border 边框
- CSS Outlines 轮廓
- CSS 外边距 Margin
- CSS Padding 内边距
- CSS 分组和嵌套选择器
- CSS 尺寸 (Dimension)
- CSS Display 属性
- CSS Position 定位
- CSS Float 浮动
- CSS 水平对齐(Horizontal Align)
- CSS 组合选择符
- CSS 伪类
- CSS 伪元素
- CSS 导航栏
- CSS 下拉菜单
- CSS 图片廊
- CSS 图像透明/不透明
- CSS sprite 图像拼合技术
- CSS 媒体类型
- CSS 属性选择器
- CSS 实例
- 微信开发系列之二 - 在微信公众号里开发一个自动应答的图灵机器人
- 微信开发系列之一 - 微信公众号开发的开发环境搭建
- SAP Commerce开发之如何找到某个页面对应的JSP实现页面
- 如何用代码读取SAP CRM的Categorization Schema
- 如何使用代码创建SAP CRM Service Request subject
- 微信开发系列之八 - 微信公众号的地图集成
- vivo 悟空活动中台 - 栅格布局方案
- 使用literal或者绑定变量执行SAP HANA SQL语句
- dotnet OpenXML 如何判断是形状还是文本
- dotnet 执行 docker 容器 error MSB4018 CreateAppHost 任务意外失败可能原因
- dotnet 定制 ILogger 实现
- dotnet 在 UOS 国产系统上安装 Mono 开发工具的方法
- dotnet 在 Linux 下的 GDI 库对 EMF 图片格式的支持
- 跟牛老师一起学WEBGIS——WEBGIS基础(WMS服务)
- 【STM32H7】第6章 RL-TCPnet V7.X底层驱动说明