风雨砥砺，岁月如歌--初识HTML

最新推荐文章于 2018-09-23 21:43:53 发布

Baron.Best

最新推荐文章于 2018-09-23 21:43:53 发布

阅读量401

点赞数

文章标签： HTML

本文链接：https://blog.csdn.net/Baronrothschlid/article/details/79718029

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

经过学习孙鑫老师的《html》视频，对HTML有了初步的了解，小小的总结一下。

【什么是HTML？】

HTML，超文本标记语言，写给浏览器的语言，目前网络上应用最广泛的语言。HTML也在不断的更新，最新版本已经出现了HTML5。在HTML5中出现了许多新特性，也遗弃了一些旧元素。

【HTML的标签元素】

HTML元素由开始标签和结束标签组成。如<p></p>,<h1></h1>。虽然现在我们还不知道具体标签代表的意思，但标签一定是这样的格式：有一对开始<>和结束</>。一般标签名推荐用小写。标签具有属性，属性用来表示标签的特征。比如，我们用大小这个属性，来衡量一个苹果。所以，大小可以用来表示苹果的特征。属性时写在标签里面的，而且是开始标签内。

【HTML的基本结构】

在上面的例子中，第一个标签<html>是告诉浏览器这是html文档的开始。Html文档的最后一个标签是</html>，是告诉浏览器这是html的终止。标签<head></head>之间的文本是头部信息，在<title></title>之间的文本是文档标题，会显示在浏览器的窗口的标题栏。<body></body>之间的文本是正文。

【HTML的常用标记】

1、换行符 <br />

换行对于文本编辑来说是最正常不过的了。当文字写满一行，需要换行。或者根据需要，在文本中换行，这都是可以的。如下例子：

<body>    
换行<br/>下一行
</body>

2、段落<p></p>

在写文章时，我们可以用p标签来定义一个段落。如下定义了两个段落：

 
<p>

今天天气不错。

</p>

<p>

明天天气也不错。

</p>

3、标题

标题有六种大小h后的数字越大，说明标题越大。分别为

<h1>标题1</h1>             

<h2>标题2</h2>

<h3>标题3</h3>

<h4>标题4</h4>

<h5>标题5</h5>

<h6>标题6</h6>

4、文本格式化，一些常用于设置文本字体的元素：

<b>定义粗体文本</b><br />

<i> 定义斜体文本 </i><br />

<del>定义删除文本</del><br />

<sup>定义上标字</sup><br />

<sub>定义下标字</sub><br />

5、定义超链接 <ahref=“URL”></a>

a标签用来定义一条超链接，其中要有的是href属性，href的作用是指明超链接要链接到的网址。除了href属性，还有title属性表示链接的提示信息。target属性表示链接的打开方式，即当点击了链接，选择是在另一个页面打开还是本页面打开。其属性值包括_blank(新的空白页)、_self(当前页)，_top（当前页）。

href的值可以是外部链接，也可以是内部文件，如***.html文件。

href也可以链接到别的地址，如邮箱、电话、sms。

6、图像<img />

属性	属性值	说明
src	url	图像资源的地址
width	像素（px）	图像宽度
height	像素（px）	图像高度
alt	替代文字	图片的替代文字

如下：

7、表格

表格由 <table> 标签以及一个或多个 tr、th或td 元素组成。

单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

基本结构：

<table border="1px">

<tr>

<td>row 1, cell 1</td>

<td>row 1, cell 2</td>

</tr>

<tr>

<td>row 2, cell 1</td>

<td>row 2, cell 2</td>

</tr>

</table>