html基础之(章节元素,章节元素,超链接,锚点)详细
2017-08-21 14:58
316 查看
章节元素
<body></body> 文档内容 只能一个<body>元素
<header></header>头部标签 logo 导航
<main></main>网站中重要内容 一个文档中只能有一个<main>在<body>标签中
<footer></footer>网站中显示底部的内容,版权内容信息等链接
<nav></nav>导航链接 首页 论坛 博客 个人中心等 nav的主要元素放置在包含链接的章节
<article></article>帖子博客主题内容放在article元素中
<h></h>定义文章标题 大小有变化 1-6
<section></section>定义文章一个小块,或者一个专题
<aside></aside>广告删掉跟主题没什么影响内容度低
<address></address>定义一篇文章的联系信息
文本元素
<em></em> 代表强调文字
<strong></strong> 代表重要文字
<sub></sub>上标
<sup></sup>下标
<i></i>一些特别的引用 倾斜
<u></u>错误的注释加下划线
<mark></mark> 高亮引用的文字加底色
<del></del>删除 中线
<br>换行标签 单个 一个换一行
<a></a>连接 <a href="">文字</a>
<span></span> 普通文本 结合css 使用 进行美化排版
超链接
超链接属性
herf
<a herf="">名字</a>
打开文本
<a herf="本地地址">名字</a>
访问邮件地址
<a herf="milto:邮箱">名字</a>
target ="_self"当前目录打开 用在<a herf="">名字</a>
新的标签打开 “_blank”
相对路径和绝对路径
完整路径就是绝对路径
相对路径是相对当前目录来说的./ 跟超链接一起<a herf="./">名字</a>
<a herf="../">名字</a>返回上次目录
还可以<a herf="../..//">名字</a>上次目录
锚点
定位到网页的某个元素
<a name=""></a>
访问锚点 <a herf="锚点">名字</a>
<body></body> 文档内容 只能一个<body>元素
<header></header>头部标签 logo 导航
<main></main>网站中重要内容 一个文档中只能有一个<main>在<body>标签中
<footer></footer>网站中显示底部的内容,版权内容信息等链接
<nav></nav>导航链接 首页 论坛 博客 个人中心等 nav的主要元素放置在包含链接的章节
<article></article>帖子博客主题内容放在article元素中
<h></h>定义文章标题 大小有变化 1-6
<section></section>定义文章一个小块,或者一个专题
<aside></aside>广告删掉跟主题没什么影响内容度低
<address></address>定义一篇文章的联系信息
文本元素
<em></em> 代表强调文字
<strong></strong> 代表重要文字
<sub></sub>上标
<sup></sup>下标
<i></i>一些特别的引用 倾斜
<u></u>错误的注释加下划线
<mark></mark> 高亮引用的文字加底色
<del></del>删除 中线
<br>换行标签 单个 一个换一行
<a></a>连接 <a href="">文字</a>
<span></span> 普通文本 结合css 使用 进行美化排版
超链接
超链接属性
herf
<a herf="">名字</a>
打开文本
<a herf="本地地址">名字</a>
访问邮件地址
<a herf="milto:邮箱">名字</a>
target ="_self"当前目录打开 用在<a herf="">名字</a>
新的标签打开 “_blank”
相对路径和绝对路径
完整路径就是绝对路径
相对路径是相对当前目录来说的./ 跟超链接一起<a herf="./">名字</a>
<a herf="../">名字</a>返回上次目录
还可以<a herf="../..//">名字</a>上次目录
锚点
定位到网页的某个元素
<a name=""></a>
访问锚点 <a herf="锚点">名字</a>
相关文章推荐
- HTML基础(6. 超链接与锚点)
- HTML基础-超链接
- HTML之元素分类(HTML基础知识)
- html基础用法④——图像和超链接
- HTML&CSS基础学习笔记1.24-input标签隐藏元素
- HTML基础:标签属性和元素
- html基础元素
- 利用 html的锚点(元素a)功能实现ajax单页面应用的浏览器后退前进功能
- HTML基础(二):css postion 的详细解释
- html和css基础--float属性给父元素带来的问题及方案
- html基础 iframe标记 点击超链接,新的网页显示在iframe标记中
- HTML基础(超链接标签 & URL)
- HTML基础 body标签link属性设置带有超链接的文本未点击时候的颜色
- 网站开发之HTML基础知识及超链接(二)
- html的基础知识(章节一)
- html系统学习之一<基础知识,标签,元素>
- html基础 iframe标记 点击超链接,新的网页显示在iframe标记中
- HTML基础 body标签alink属性设置带有超链接的文本点击时变的颜色
- HTML基础(超链接标签 & URL)
- Html基础学习四:列表,超链接,表格,层,框架,表单