HTML–学习笔记第二天
HTML 标题
在<body>里面通过 <h1> - <h6> 标签进行定义的
生成粗体或大号的文本而使用标题。
作用:搜索引擎使用标题为您的网页的结构和内容编制索引。
h1 用作主标题(最重要的,也是最大号的),其后是 h2(次重要的),再其次是 h3,以此类推。
HTML水平线
<hr />
在需要分割水平线的地方创建水平线
HTML 注释
<!xxxxxxx>
<!-- 这是一个注释 -->
HTML 段落
<p>段落内容</p>
注意:浏览器会自动地在段落的前后添加空行。
HTML 折行
<br />
起着换行的作用
HTML 输出- 使用提醒
对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
连续的空格或空行都会被算作一个空格。即不能通过手动输入空格或手动换行达到想要的效果
但可以用预格式文本<pre>xxxx xxxx<pre>可以显示空格和换行
HTML 文本格式化
<b> 定义粗体文本
代码:<b>加粗文字</b>
效果:加粗文字
<em> 定义着重文字
代码:<em>着重文字</em>
效果:着重文字
<i> 定义斜体字
代码:<i>斜体字</i>
效果:斜体字
<small> 定义小号字
代码:<small>小字号</small>
效果:小字号
<strong>定义加重语气
代码: <strong>加重语气</strong>
效果: 加重语气
<sub> 定义下标字
代码:<sub>下标字</sub>
效果:下标字
<sup> 定义上标字
代码:<sup>上标字</sup>
效果:上标字
<ins> 定义插入字
代码:<ins>插入字</ins
效果:插入字
<del> 定义删除字
代码:<del>删除字</del>
效果:删除字
HTML “计算机输出” 标签
<code><kbd><samp>.....
不推荐使用,但是可以通过CSS实现丰富的效果。
HTML 引文, 引用, 及标签定义
定义缩写
<abbr> 定义缩写
作用:给需要缩写的文字加上标注,即指着缩写处会显示详细的文字
代码:>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.
效果:The WHO was founded in 1948.
定义文档作者/所有者的联系信息
<address> 定义文档作者/所有者的联系信息,文字将以斜体展示
如果 <address> 元素位于 <body> 元素内部,则它表示该文档作者/所有者的联系信息。
如果 <address> 元素位于 <article> (HTML5)元素内部,则它表示该文章作者/所有者的联系信息。
代码:<address>作者名</address>
效果:
作者名定义文字方向
<bdo> 定义文字方向
一般只需要从右到左的效果才使用,如果dir="ltr"是没什么意义的
代码:<bdo dir="rtl">该段落文字从右到左显示。</bdo>
效果:该段落文字从右到左显示。
定义长的引用
<blockquote>定义长的引用
代码::<blockquote>这是一个定义</blockquote>
效果:
这是一个定义
定义短的引用语
<q> 定义短的引用语
代码:<q>短引用语</q>
效果:短引用语
定义作品的标题
<cite> 定义作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题。
代码:<cite>The Scream</cite>
效果:The Scream
HTML 超链接(链接)
HTML使用标签 <a>来设置超文本链接。
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
HTML 链接语法
<a href="url">链接文本</a>
例如:<a href="http://www.runoob.com/">此处可以是字、词、图</a>
效果:此处可以是字、词、图
HTML 链接 - target 属性
<a href="url" target="value">
用于规定在何处打开链接文档。
例如:<a href="http://www.runoob.com/"target="_blank">xxxx</a>