1. 什么是 HTML?
- HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言,而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
2.HTML 标签
- HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
- HTML 标签是由尖括号包围的关键词,比如
<html>
- HTML 标签通常是成对出现的,比如
<b>
和</b>
- 标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签。
3.一个小实例了解HTML
步骤一:打开记事本或其他编辑软件
步骤二:编写 HTML如下:
步骤三:保存 HTML
<html>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
步骤三:保存 HTML
既可以使用 .htm 也可以使用 .html 扩展名。两者没有区别。
步骤四:在浏览器中运行这个 HTML 文件,你将看见自己的第一个静态网页。
4.HTML基础标签
- HTML 标题(Heading)是通过
<h1>
—<h6>
等标签进行定义的,其中<h1>
字体最大。 - HTML 段落是通过
<p>
标签进行定义的。 <hr />
标签在 HTML 页面中创建水平线。如下:<br />
元素是一个空的 HTML 元素,用于换行。由于关闭标签没有任何意义,因此它没有结束标签。同时<br>
与<br />
很相似!但在 XHTML、XML 以及未来的 HTML 版本中,不允许使用没有结束标签(闭合标签)的 HTML 元素。故推荐使用<br />
。- HTML 链接是通过
<a>
标签进行定义的。实例:<a href="https://www.baidu.com.">This is a link</a>
,其中href
属性中指定链接的地址。 - HTML 图像是通过
<img>
标签进行定义的。实例:<img src="Meizhao.jpg" width="104" height="142" />
,其中src
属性指定图片的路径。 - HTML 注释
可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,不会显示它们。注释是这样写的:
<!-- This is a comment -->
5.HTML属性
下面列出了适用于大多数 HTML 元素的属性:
- class属性:规定元素的类名
- id属性: 规定元素的唯一 id(推荐)
- style属性:规定元素的行内样式(inline style)
- title属性:规定元素的额外信息(可在工具提示中显示)。
更多关于标准属性的信息,可查阅HTML 标准属性参考手册或私信博主。
6.HTML样式
style 属性的作用:提供了一种改变所有 HTML 元素的样式的通用方法。通过 HTML 样式,能够通过使用 style 属性直接将样式添加到 HTML 元素,或者间接地在独立的样式表中(CSS 文件)进行定义,这将会在结束HTML后进行学习。如下利用该属性改变了字体、颜色、字号。<p style="font-family:verdana;color:red;font-size:30px"> This text is in Verdana and red</p>
更多属性包括text-align
:文本对齐方式,background-color
背景颜色等。
7.HTML 文本格式化
文本格式化标签
标签 描述
<b>
定义粗体文本。
<big>
定义大号字。
<em>
定义着重文字。
<i>
定义斜体字。
<small>
定义小号字。
<strong>
定义加重语气。
<sub>
定义下标字。
<sup>
定义上标字。
<ins>
定义插入字。
<del>
定义删除字。
<s>
不赞成使用。使用 代替。
<strike>
不赞成使用。使用
代替。
<u>
不赞成使用。使用样式(style)代替。
以上文本格式化标签不建议死记硬背,放在你容易找到的路径里面,需要用到再查找。
为了避免内容引起不适,HTML(一)就写到这,HTML(二)将涉及到三种方式来插入样式表以及表格表单等内容。
求关注+点赞+收藏👍👍👍