前端标签笔记

DOCTPYPE 用来声明html的版本

html是双标签

html包括头部《head》和内容块《body》

《meta charset=“utf-8”》该网页展示时的字符集编码，注意，你所给的编码要跟代码编辑器的编码一致才不会乱码

《title》网页打开时的网页标题

《body》是要展示的内容

《P》：段落

《h1》到《h6》： 标题

《hr》：水平线

《！–内容–》：注释

《body bgcolor= “red”》：背景色

《a href=“https://www.baidu.com”》链接《/a》：链接
链接属性：target="_blank",新窗口上打开

《img src = " c:\study\1.png" width=“50px” height=“70px”》:图片

《br》：换行

《b》《strong》：字体加粗标签

《pre》：预格式文本，里面写什么东西，网页就展示什么东西，不会被翻译

《sup》: 同行字体缩小向上浮动

《sub》：同行字体缩小向下浮动

《i》《em》:斜体字

《var》《kbd》《samp》《code》《tt》：用于计算机输出

《abbr》对一个词的缩写。只留前几个字母，当鼠标移到缩写时，会显示全部

《acronym》几个词取第一个字母来组成缩写，当鼠标移到缩写时，会显示全部

《bdo》：网页对文字的输出方向；你代码里写abc则网页显示cba

《blockquote》长引用，自动给边距，自动换行

《q》短引用，双引号引起来

《del》删除：字体中间有横线

《ins》插入：字体下方有横线

《table》《tr》《td》：表格标签

《th》表头，该标签内的内容字体加粗

《caption》在表的上方给个标题

表单的属性:
border设置边框的大小，如果等于零或者没给属性，那就没有边框
rowspan:多列合并
colspan:多行合并
cellpadding:单元格到表格边框的距离
cellspacing: 单元格与单元格之间的距离
bgcolor:背景色 ；可以放在单元格也可以放在表格
background:背景图可以放在单元格也可以放在表格
align:单元格内的内容位置left\right----center
frame:box显示边框的四边，above:显示上边框,below显示下边框hsides上下边框vsides左右边框

有序列表：《ol》《li》
属性：type:1 数字排序a小写字母排序A大写字母排序

无序列表：《ul》《li》
属性：type:disc实心圆circle空心圆square实心正方形

定义列表：
《dl》
《dt》顶格写
《dd》隔两个空格写

《cite》《dfn》：字体加粗和变成斜体字

《base》 html文档的默认链接

《link》：html引用的css 文件

《style》：html文档给的样式

《meta name =" 类型" content=“内容”》：不光用于字符集编码，也用于为搜索引擎提供关键词
《meta http-equiv=“refresh” content=“30” 》：30秒刷新一下当前页面

《script》写js内容
《noscript》里面的内容是不显示出来的

《canvas》做一个边框给定线框大小和实线和颜色和宽高

《applet》边框随字体的多少而变大变小

《basefont》页面默认的字体和颜色

《big》比常规字体大一号

《center》字体居中处理

《dir》里面无序列表

《font》对里面的字体样式进行设置

《frameset》用于框架
《frame》用于框架
《noframes》:该标签内的内容是不显示的

《strike》：删除字体，跟《del》标签一样，字体中间出现一条横线

《article》：相当于页面里放页面；该标签内可以放《head》《body》《footer》等标签

《aside》：定义页面的侧边栏内容,感觉跟没标签显示一样

《bdi》脱离父元素的文本方向设置 ，感觉没区别

《command》:命令按钮，以前按钮都是放在input里面，现在放在这里也可以

《details》：描述文档的某个部分

《summary》：也是描述文档的详细信息，但要配合《details》标签来使用 ,这是展开按钮

《dialog》：边框居中并且加粗和字体加粗

《figure》: 该区域可以放文字和图片

《figcaption》:figure 该区域的文字标题

《footer》：感觉跟无标签没区别

《header》：定义文档的头部区域,感觉跟无标签一样

《mark》:文字带有背景色

《meter》：效果像手机电量显示

《nav》：里面放链接用的

《progress》 ：效果跟手机电量显示一样，带方格

《ruby》《rp》《rt》：小学拼音教学那种,《ruby》汉《rp》(《/rp》《rt》《/rt》han《rp》)《/rp》《/ruby》
han
汉

《section》：感觉跟无标签一样

《time》：该标签内的内容跟旁边有点距离

《wbr》: 在文本的哪个地方适合添加换行符

《audio》 音频

《video》视频

《embed》动画

《source》文件引入

《track》轨道

《datalist》：输入框的默认内容，配合《option》《input》使用

《keygen》：表单提交，密钥对生成器。

《canvas》：用于图形的绘制,通常给id通过js来调用id来完成。

《SVG》：用xml描述的2D图像。

《mathML》：数学标记语言;在页面上写数学符号和公式，用xml描述。

《output》：用于不同类型的输出,如计算和脚本输出；

《section》：定义文档的章节或者页脚或页眉

《article》：独立的内容。

《aside》：定义主内容之外的内容，如侧边栏

《header》：描述文档的头部信息。

《footer》：描述文档的底部信息。

《figure》《figcaption》：用于独立的流内容（图片）。