HTML学习第一部分

注：文中部分以《》代替<>

web前端

 

注释

<!-- 注释：对代码进行解释 ctrl+/-->

标签

< h 1 > </h1>

<!--标题标签 h1-h6逐渐变小 独占一行-->

《p》

<!-- 段落标签 p 行与行之间空 -->

水平线

《hr》

换行

《br》

文本格式化标签

《ins》《/ins》下划线

《u》《/u》下划线

《del》《del》中划线《s》《/s》

《em》《/em》强调

《i style=“color：pink；”》XX《/i》

无意义

《div》《span》

 

《video src=“” controls autoplay muted poster=“”》《/video》

音频

《audio src=“” controls muted autoplay loop》《/audio》

链接

《a href=“” target=“”》XX《/a》

锚链接

《a href=“”》XX《/a》

《div id=“”》XX《/div》

列表

《ol type=“a”》《/ol》有序

《ul type=“circle”》《/ul》无序

《dl》《/dl》自定义

iframe框架

 

元素显示模式

块元素：独占一行 div 宽高内外边距可以设置

行内元素：一行多个 span 宽高内外边距不可设置

表格标签

《caption》XXXX《/caption》

《table》决定表格、

《tr》行 《td》列

《thead》《/thead》(表头)

《tbody》《/tbody》

《tfoot》《/tfoot》

表格标签属性

最外边《table border=“最外围框大小” width=“长” height=“宽” cell=“框间隙”》

居中：align=“垂直” valign=“垂直”

单元格合并

单元格出 rowspan colspan

details

detail详情标签 ，配合《summary》《/summary》

tabindex

可以用tab键选取 可以为负数，0，正数

表单的基本结构

表单：网页交互区，收集用户信息

 

css设置

选择器

基本选择器