html 第三节 (结构基础与超链接)
2015-03-16 21:11
225 查看
一 结构基础
1.特殊字符(需要记住是& ; 格式 且; 是英文模式)
![](https://img-blog.csdn.net/20150316211138940?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMjQyNDkyNTk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
2.div元素 <div></div>
配置并非真正段落的内容区域时(比如导航和版权声明区域)时,div元素是比段落元素更好的选择。
①
![](https://img-blog.csdn.net/20150318220449070?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMjQyNDkyNTk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
②
![](https://img-blog.csdn.net/20150319143956321?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMjQyNDkyNTk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
![](https://img-blog.csdn.net/20150319143920327)
二 超链接基础
1.绝对链接与相对链接<a href=" "> </a>
![](https://img-blog.csdn.net/20150316220918073?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMjQyNDkyNTk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
针对相对链接 要链接的文件位于当前页面所在文件夹的上一级文件夹时,需要使用“../”符号
2.电子邮件链接 <a href="mailto: "> </a>
①
![](https://img-blog.csdn.net/20150318221801632?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMjQyNDkyNTk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
②
![](https://img-blog.csdn.net/20150318221843784?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMjQyNDkyNTk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
例如下图格式
③
![](https://img-blog.csdn.net/20150318221905593?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMjQyNDkyNTk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
3.按照以上做法 当访问者点击链接时,会在同一个浏览器窗口中自动打开新网页。可在 标记中使用target 属性配置target=“_blank”在新浏览器窗口或新标签页中打开网页。
eg:<a href="https://www.baidu.com" target="_blank"> 百度一下,你就知道</a>
4.区段标识符 即网页中返回某个位置的功能 一般是顶部。
① 建立目标 即锁定返回的位置 eg:<h2 id="content">
②引用目标 点击这个链接 就会返回到刚建立的目标位置去 eg:<a href="#content"> Skip to content</a>
1.特殊字符(需要记住是& ; 格式 且; 是英文模式)
2.div元素 <div></div>
配置并非真正段落的内容区域时(比如导航和版权声明区域)时,div元素是比段落元素更好的选择。
①
②
二 超链接基础
1.绝对链接与相对链接<a href=" "> </a>
针对相对链接 要链接的文件位于当前页面所在文件夹的上一级文件夹时,需要使用“../”符号
2.电子邮件链接 <a href="mailto: "> </a>
①
②
例如下图格式
③
3.按照以上做法 当访问者点击链接时,会在同一个浏览器窗口中自动打开新网页。可在 标记中使用target 属性配置target=“_blank”在新浏览器窗口或新标签页中打开网页。
eg:<a href="https://www.baidu.com" target="_blank"> 百度一下,你就知道</a>
4.区段标识符 即网页中返回某个位置的功能 一般是顶部。
① 建立目标 即锁定返回的位置 eg:<h2 id="content">
②引用目标 点击这个链接 就会返回到刚建立的目标位置去 eg:<a href="#content"> Skip to content</a>
相关文章推荐
- HTML基础___超链接 <第四天>
- HTML基础:HTML的基本结构
- HTML基础-样式位置、背景、边框、内外边距、盒模型和结构、文本、常见样式
- Web基础系列一、Html(网页结构)
- HTML结构文档中那些基础又重要又容易被忽略的事?
- HTML基础-HTML文档基本结构
- HTML基础知识一(HTML、常见方式、文档结构、<meta>、 网站文件命名、文本修饰、文本样式、段落标记、居中标记、水平线标记、特殊字符、列表、图像)
- HTML第二节(网页结构基础 一)
- HTML基础标签和框架结构
- Html5之基础-3 HTML概述、基础语法、文档结构
- HTML基础 HTML的组成结构
- HTML基础(基本结构)
- html基础和结构
- html基础视频教程之基本结构篇
- HTML笔记1 - 编辑器、基本概念以及基础结构
- HTML基础___框架结构 <第八天>
- AJAX技术入门 第三节 DOM基础和DOM操作HTML
- HTML基础(超链接标签 & URL)
- HTML基础-超链接
- Html5之基础-8 HTML结构标记