HTML--学习笔记第二天

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>

链接
此属性将会在新的窗口下打开链接
更多属性:
HTML 标签

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值