web前端笔记
a标签利用锚点来跳转指定锚点处
1.定义锚点:用id定义
2:引入锚点:a标签的href属性
无序标签:ul 嵌套li
自带外边距和内边距
宽度默认撑开父元素,高度由内容撑开
垂直布局,独立成行,自带列表符
去除列表符:list-style:none
设置形状:list-style-type:
实心圆:disc
空心圆:circle
小方块:square
有序标签:ol嵌套li
strat属性:开始值 reversed:倒序值
type属性 A a i I
dl自定义列表,列表容器
dt自定义列表项
dd对自定义列表项的解释(dd标签的内容会首行缩进)
独立成行,宽度默认撑开父元素,高度有内容撑开
dl,dd默认自带外边距
语义化:语义化是指用合理的html标记及其特有的属性去格式化文档内容
(用合适的标签去匹配合适的内容) 语义化的好处
1.在没有css的情况下,页面也能呈现出很好的内容结构
使代码更具有可读性,便于团队开发和维护
有利于seo搜索引擎优化
有利于用户体验
html特殊字符:
<!-- 代码 效果 描述 | |
---|---|
< | < 小于号或显示标记 |
> | > 大于号或显示标记 |
& | & 可用于显示其它特殊字符 |
® | ® 已注册 |
© | © 版权 |
&trade | ™ 商标 |
  | 不断行的空白 |
¥ | ¥ 人民币 |
table:表格标签
table:表格的容器 tr:行 th:表头单元格 td:普通单元格
属性:border边框 cellpadding:内容与单元格之间的距离
cellspacing:单元格与单元格之间的距离
bordercolor:边框颜色
th,td属性:
水平对齐方式: align:left center right
垂直对齐方式:valign:top middle bottom
表格头部:thead
表格主体:tbody
表格底部:tfoot
行合并:rowspan 列合并:colspan(记得删除多余的单元格)
注:未定宽度的表格,单元格会适应内容
同一行的单元格,高度只会识别一个,取高度最大值
同一列的单元格,宽度只会识别一个,取宽度最大值
表格可以包含其他html标签以及表格