<!-- 注释内容 -->
标签使用样式
开始标签 < a> 标签体 </a > 结束标签
自闭合标签, eg:<br>,<hr>,<input><img>
标签属性
通常为键值对形式出现, eg:color="red" id = 'new'
属性只能出现在开始标签和自闭合标签内
属性名字全部小写, 属性值必须用单引或者双引包裹
如属性名和属性值完全一样, 直接写属性名即可, eg:"readonly"(input 标签属性)
块级标签和内联标签
块级元素的特点
总在新行上开始
高度, 行高以及外边距和内边距都可控制
宽度缺省, 则是它容器的 100%
可以容纳内联元素和其他块元素
inline 元素特点
和其他元素在一行上
高, 行高以及外边距和内边距不可改变
宽度就是其文字或图片宽度, 不可改变
内联元素只能容纳文本或者其他内联元素
行内元素注意
设置宽度 width 无效
设置高度 height 无效
设置 margin 只有左右 margin 有效, 上下无效
设置 padding 只有左右 padding 有效, 上下则无效, 注意元素范围是增大了, 但是对元素周围的内容是没影响的
列表标签
无序列表
ul---li
有序列表
ol---li
定义列表
dl---dt---dd
快捷键
- ul>li*n
- ol>li*n
- dl>dt+dd*n
pycharm 中按 table 键生效
其它标签也可这样生成, 比如 table
图片标签
<img src="图片地址" alt="下载失败时的替换文字" title="提示文本"/>
超链接标签
<a href="目标网址" title="鼠标滑过显示的文本" target="_blank"> 链接显示的文本 </a>?
还能做锚点, 进行跳转
- <a href="#jump"> 跳转 </a>
- <span id ="jump"> 跳转到这里 </span>
行内元素和块级元素的转换
行内元素→块级元素
display : block;
块级元素→行内元素
display : inline;
特殊符号
特殊符号以 & 开头, 分号结尾
- <> "? ?" &
- < > " © ® " &
空格:
表格
- type="button"/"reset"/"submit"
- type="text"/"password"/"hidden"
- type="checkbox"/"radio"/"image"
来源: http://www.bubuko.com/infodetail-3321526.html