1.标签1.1meta标签 meta主要用于设置网页中的一些元数据,元数据不是给用户看 charset 指定网页的字符集 name 指定的数据的名称 content 指定的数据的内容 keywords 表示网站的关键字,可以同时指定多个关键字,关键字间使用,隔开 description 用于指定网站的描述 将页面重定向到另一个网站 1.2title标签 title标签的内容会作为搜索结果的超链接上的文字显示Document 1.3标题h1 ~ h6 一共有六级标题 从h1~h6重要性递减,h1最重要,h6最不重要 h1在网页中的重要性仅次于title标签,一般情况下一个页面中只会有一个h1 标题元素是块元素 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 hgroup标签用来为标题分组,可以将一组相关的标题同时放入到hgroup 回乡偶书二首 其一 其他标签 p标签表示页面中的一个段落 在p标签中的内容就表示一个段落 em标签用于表示语音语调的一个加重 今天天气 真 不错! strong表示强调,重要内容! 你今天必须要 完成作业 ! blockquote 表示一个长引用 这句话我是从来没有说过的! q表示一个短引用 子曰 学而时习之,乐呵乐呵! br标签表示页面中的换行 1.4布局标签 header 表示网页的头部 main 表示网页的主体部分(一个页面中只会有一个main) footer 表示网页的底部 nav 表示网页中的导航 aside 和主体相关的其他内容(侧边栏) article 表示一个独立的文章 section 表示一个独立的区块,上边的标签都不能表示时使用section p 没有语义,就用来表示一个区块,目前来讲p还是我们主要的布局元素 span 行内元素,没有任何的语义,一般用于在网页中选中文字1.5列表1.1.1分类1.1.1.1有序列表 使用ol标签来创建无序列表,使用li表示列表项
内容多一点 这是一个新的超链接 这是一个新的超链接 回到顶部1.7图片标签 img标签来引入外部图片,img标签是一个自结束标签 属性:src 属性指定的是外部图片的路径(路径规则和超链接是一样的) alt 图片的描述,这个描述默认情况下不会显示,有些浏览器会图片无法加载时显示 1.8内联框架 用于向当前页面中引入一个其他页面 src 指定要引入的网页的路径 frameborder 指定内联框架的边框 1.8 音视频标签1.8.1音频 audio 标签用来向页面中引入一个外部的音频文件的 1.8.1.1 属性controls 是否允许用户控制播放 autoplay 音频文件是否自动播放 如果设置了autoplay 则音乐在打开页面时会自动播放 loop 音乐是否循环播放 除了通过src来指定外部文件的路径以外,还可以通过source来指定文件的路径