html笔记
说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。
1.html框架代码的含义 !DOCTYPE文档声明（定义文档类型） 告诉浏览器当前网页版本为html5 告诉浏览器网站为英文网站 en表示网站问英文网站，zh表示网站为中文网站 -8”>
mate标签为自结束标签，主要用于设置网页的一些元数据
charset设置网页解析的字符集，UTF-8（万国码）为开发时使用的字符集
2. meta标签
meta主要用于设置网页中额一些元数据 charse 指定网页的字符集 name 指定网页的数据名称 content 指定的数据内容
content=”html5 前端 css3”>
这是一个非常不错的网站”>
Keywords 表示网页的关键字，空可以同时指定多个关键字，关键字间用,隔开 Description 用于指定网站的描述，网站的描述会显示在搜索引擎的搜索结果中 -equiv=”refresh” content=”数字（几秒后转跳到另一个网站）,url=网站”> 定向到另一个网站
3. 语义标签
html标签在网页中专门负责网页的结构，所以在使用html标签时，应该关注标签的语义，而不是它的样式
在网页中独占一行的元素称为块元素（block element）
在网页中不会独占一行的元素称为行内元素（inline element） - 在网页中一般通过块元素来对网页进行布局 - 行内元素主要用来包裹文字
- 一般情况下会在块元素中放行内元素，而不会在行内元素中放块元素 - 块元素中基本上什么都能放 - p元素中不能放任何块元素 标题标签
-h1~h6一共六级标题，h1~h6重要性依次递减常用的标题标签为h1~h3 blockquote表示一个常引用，是一个块元素 q表示一个短引用，不换行，为行内元素 header 表示网页的头部
main 表示网页的主题部分（一个页面只会有一个main） footer 表示网页的底部 nav表示网页的导航
aside 表示和主题相关的其他内容（常表示页面的侧边栏）
article 表示一个独立的文章
section 表示一个独立的区块，比如章节、页眉、页脚或文档的其他部分
div 没有语义，就用来表示一个区块，时主要的布局元素，上面的标签全部可以用div替代 span 行内元素，没有语义，一般用于在网页中选中文字
id属性（唯一不重复）
- 每一个标签都可以添加一个id属性
- id属性就是元素的唯一标识，同一个页面不能出现重复的id属性
4. 列表（list）
在html可以创建列表，html列表一共有三种： <1>有序列表
使用ol标签来创建有序列表，使用li表示列表项 <2>无序列表
使用ul标签来创建无序列表，使用li表示列表项 <3>定义列表
使用dl标签来表示定义内容，使用dd来对内容进行解释说明 注：列表之间可以互相嵌套
5. 超链接
路径” target=”self（_blank）”>
超链接可以让我们从一个页面转跳到其他页面或者是当前页面的其他位置 使用a标签来定义超链接 属性：
htrf 指定跳转到目标路径
- 值可以是一个外部网站的地址 - 值可以是内页面的地址
- 值可以是#，页面不会发生跳转，而是转到当前页面的顶部位置，在开发中#作为超链接的路径占位符使用
- #跟上id属性值，可以跳转到指定id的位置
- 可以使用javascript:;来作为href的属性，此时点击这个超链什么也不会发生 当超链接需要转跳至一个服务器内部页面时，一般会使用相对路径，相对路径都会使用./或../开头（./开头可以省略不写，如果不写./也不写../则就相当于写了./） target属性,用来指定超链接的打开位置 可选值：
- self 默认值 在当前页面中打开超链接 - blank 在一个新的页面中打开超链接
6. 图片标签
路径” alt=”说明”>
图片标签相当于当前页面引入的一个外部图片，使用img标签引入外部图片，img标签是一个自结束标签，img这种元素属于替换元素（基于块和行内元素之间，具有两种元素的特点） 属性：
src 属性指定的是外部图片的路径（路径规则和超链接是一样的）
本文来源：https://www.wddqw.com/doc/35a3558300d276a20029bd64783e0912a2167cc3.html