HTML语言学习笔记（三）

HTML 元素

---

HTML 文档由 HTML 元素定义。

---

HTML 元素

开始标签 *	元素内容	结束标签 *
<p>	这是一个段落	</p>
<a href="default.htm">	这是一个链接	</a>
<br>	换行

HTML 元素语法

• HTML 元素以开始标签起始
• HTML 元素以结束标签终止
• 元素的内容是开始标签与结束标签之间的内容
• 一对标签之间就是一个HTML元素（包括这对标签）

 

嵌套的 HTML 元素

HTML 文档由嵌套的 HTML 元素构成。

 这就是一个嵌套实例，大的HTML元素，嵌套小的HTML元素

 

HTML 属性

HTML元素可以设置属性

属性可以在元素中添加附加信息

属性一般描述与开始标签

属性一般以名称：值的形式出现

属性值应该始终被包括在引号内。（最常用的是双引号单引号也没问题）

属性一般约定成俗要求用小写形式出现

 

HTML 标题

标题（Heading）是通过 <h1> - <h6> 标签进行定义的.

<h1> 定义最大的标题。 <h6> 定义最小的标题。

 

HTML 水平线

<hr> 标签在 HTML 页面中创建水平线。

 看到两条水平线没，确实是有的

 

HTML 注释

可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。

注释写法如下:

注释可以想写在什么地方就写在什么地方，流批！！！

 

 

HTML 段落

段落是通过 <p> 标签定义的。

HTML 折行

 如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 <br /> 标签：

按照xhtml的标准，标签都必须成对出现，不能成对的标签也需要结束符,所以br的写法有三种<br>  </br>  <br/>  

HTML 格式化标签

HTML 使用标签 <b>("bold") 与 <i>("italic") 对输出的文本进行格式, 如：粗体 or 斜体

来个实例：

 

 缩写：

 

 删除字与插入字

 

 HTML的连接使用

这是我从菜鸟教程上找到的关于target属性的介绍比较好，所以我就拿来用用嘻嘻

 

图片链接   

先来个实例吧

其中<img>标签代表图片标签src的属性值是图片的地址，（我这里是用的绝对地址，图片来自我的图床--如何申请一个免费图床--》https://blog.csdn.net/weixin_42419856/postedit/81158098，这是我写的申请图床的博客）   

alt的属性值是这张图片的描述性文字，当图片无法显示是，将显示改文字，

title属性将鼠标停留在图片（任何超链接）上方将显示文字

 标签<a>的用处就是创建一个超链接，href的属性值即是要链接到网页的地址

咱们这里点击图片打开的页面是百度的搜索界面，如图：

 

跳到当前页面内的指定位置

 

这里用name 和id 都可以