web前端日常笔记

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特殊字符：

<!-- 代码 效果 描述
&lt;	<  小于号或显示标记
&gt;	>  大于号或显示标记
&amp;	& 可用于显示其它特殊字符
&reg;	®  已注册
&copy;	©  版权
&trade	™  商标
&nbsp	不断行的空白
&yen;	￥ 人民币

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标签以及表格