这篇博客是HTML学习的入门笔记，介绍了HTML的基本概念、编辑器选择、元素、属性、标题、水平线、注释、段落、换行、样式、文本格式化、计算机代码、引用、链接、图像、表格、列表等内容。通过本文，读者可以快速掌握HTML的基础知识，为网页制作打下基础。
文章目录
本文参考：W3school
HTML 简介
HTML
- HTML是一种用于描述网页的语言
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)，标记语言是一套标记标签 (markup tag)，HTML 使用标记标签来描述网页
HTML标签
- HTML标签是由尖括号括起来的关键词，如<p>，<br>等
- HTML 标签通常是成对出现的，比如 <h1> 和 <h1>
- 前面的标签称为开始标签或开放标签，后面的标签称为结束标签或闭合标签
HTML文档
- HTML文档也被称为网页，其中包含HTML标签和纯文本
- HTML文档常用来描述网页
HTML 编辑器
能编辑HTML的编辑器有很多，这里就只讲最简单的一种：
- 打开记事本
- 在记事本中输入HTML 代码
- 在保存时讲记事本的.txt后缀改为.html
- 用浏览器打开该HTML文件
HTML 元素
HTML元素是从开始标签到结束标签之间的所有代码：
-
如，<p>i’m a paragraph</p>中i’m a paragraph就是元素
-
某些元素可以是空
-
元素可以拥有属性
-
HTML 元素可以嵌套(元素中包含另一个元素)
如标签body中嵌套标签p
<body> <p>This is a paragraph.</p> </body>
HTML 属性
- HTML标签可以含有属性，属性对标签进行更具体的描述
- 属性总是以名称-值形式出现，如id=“qw”
- 属性总是在开始标签中定义
注意
- 属性和属性值对大小写不敏感(大小写均可)， 推荐使用小写
- 属性值中用双引号或单引号，如属性值本身含有双引号则必须使用单引号，反之亦然
常见的属性值及其含义
| 属性值 | 含义 |
|---|---|
| class | 规定元素的类名（classname） |
| id | 规定元素的唯一 id(常用于区分元素) |
| style | 规定元素的行内样式（inline style） |
| title | 规定元素的额外信息（可在工具提示 |
HTML 标题
HTML中用<h1>到<h6>分别代表不同大小的标题
<h1> 对应最大的标题，<h6> 对应最小的标题。
注意
- 浏览器会自动在标题前面添加空行
- 确保标题是有意义的，搜索引擎回根据你编写的网页结构和内容进行编制索引，用户会通过标题快速浏览网页
- 推荐做法，h1做主标题(最重要的)，h2次标题(次重要的)，依次类推
HTML 水平线
HTML中<hr/>表示在网页中创建水平线
<hr/>常用于分割不同内容
HTML 注释
HTML中用<!-- -->来表示注释内容，注释的效果我就不累述了
注意
- 注释不会再网页中显示
- <!
最低0.47元/天 解锁文章
扫一扫
5993
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
