HTML 常用标签

注释

<!– 注释内容 –>

标签使用样式

开始标签<a >  标签体  </a>结束标签自闭合标签，eg：<br>,<hr>,<input><img>

标签属性

通常为键值对形式出现，eg：color=“red” id = ‘new’属性只能出现在开始标签和自闭合标签内属性名字全部小写，属性值必须用单引或者双引包裹如属性名和属性值完全一样，直接写属性名即可，eg：“readonly”（input标签属性）

块级标签和内联标签

块级标签：<p>、<h1>、<table>、<ol>、<ul>、<form>、<div>内联标签：<a>、<input/>、<img/>、<sub>、<sup>、<textarea>、<span>

块级元素的特点总在新行上开始高度，行高以及外边距和内边距都可控制宽度缺省，则是它容器的100%可以容纳内联元素和其他块元素inline元素特点和其他元素在一行上高，行高以及外边距和内边距不可改变宽度就是其文字或图片宽度，不可改变内联元素只能容纳文本或者其他内联元素行内元素注意设置宽度width无效设置高度height无效设置margin只有左右margin有效，上下无效设置padding只有左右padding有效，上下则无效，注意元素范围是增大了，但是对元素周围的内容是没影响的

列表标签

无序列表ul—li有序列表ol—li定义列表dl𔆋曝光全名单12;dt—dd快捷键ul>li*nol>li*ndl>dt+dd*npycharm中按table键生效其它标签也可这样生成、比如 table

图片标签

<img src="图片地址" alt="下载失败时的替换文字" title="提示文本"/>

超链接标签

<a href="目标网址" title="鼠标滑过显示的文本" target="_blank">链接显示的文本</a>还能做锚点，进行跳转    <a href="#jump">跳转</a>    <span id ="jump">跳转到这里</span>

行内元素和块级元素的转换

行内元素→块级元素display : block;块级元素→行内元素display : inline;

特殊符号

特殊符号以 & 开头，分号结尾
< > ” © ® ” &

<暑期社会实践心得 > " © &施工协议书范本amp;reg; " &空格：     

表格

表格标签：table行：tr列：td合并行：rowspan合并列：colspan

表单

action：提交时候的地址，默认使用当前页面method：提交时候的方法，有get 和 post 两种方法，默认使用 getentype：设置编码格式默认：application/x-www-form-urlencoded上传文件：multipart/form-datainput标签name属性：表单与后台交互时最重要的一个属性，要求inp风神加点ut标签都带上value属性：表单提交项的值type属性type=”button”/”ret”/”submit”type=”text”/”password”/”hidden”type=“checkbox”/”radio”/”image”常用的type属性值text：文本框password：密码框radio：单选框checkbox：复选框file：文件选择hidden：隐藏域submit：提交ret：重置其它属性placeholder：提示信息（ 提高用户体验度）readonly：只读disabled：禁用value：input的值，单选多选下拉框必须设置value属性王维被称为什么称号，这样后台才能获得你选中的到底是哪个或哪几个选项textarea标签：文本域，一般用于多行文本lect标签下拉框，一般用于选项option：下拉选项下拉框的基本标签，有多少个option 就有多少个下拉选项lected：下拉状态表示选中某个下拉选项size：下拉框显示表示下拉框，显示多少个，默认为一个name：下拉框的名字表示下拉框向后台提交数据的时候，所传的名字fieldt 标签：给表单设置分组legend 标签：设置分组表单的标题label 标签：提高用户体验度