本文详细介绍了HTML的基础知识，包括HTML结构、常见标签如注释、标题、段落、格式化、图片、超链接、表格、列表、表单以及无语义标签的使用，并提供了案例展示，帮助初学者掌握HTML的基本语法和常用功能。
目录
一，HTML结构
1.认识HTML标签
HTML代码是由“标签”构成的
<body> ——开始标签
hello——标签的内容
</body>——结束标签
注意：
只有开始标签为“单标签”
开始标签中可能会带有"属性"，id属性相当于给这个标签设置了唯一的标识符
<body id="myId">
hello
</body>
2.HTML文件基本结构
<html> 整个文件的根标签
<head> 写页面属性
<title> 页面标题第一个页面
</title>
</head>
<body>
hello world
</body>
</html>
3.标签层次结构 （父子&兄弟）
<html>
<head>
<title>第一个页面</title>
</head>
<body>
hello world
</body>
</html>
head 和 body 是 html 的子标签(html 就是 head 和 body 的父标签)
title 是 head 的子标签. head 是 title 的父标签
head 和 body 之间是兄弟关系.
二，HTML常见标签
1.注释标签
<!-- 我是注释 -->
ctrl + / 快捷键可以快速进行注释/取消注释.
2.标题标签：h1~h6
<h1>hello</h1>
<h2>hello</h2>
<h3>hello</h3>
<h4>hello</h4>
<h5>hello</h5>
<h6>hello</h6>
数字越大, 则字体越小
3.段落标签：p
<p>这是一个段落</p>
<p>
第一段
</p>
<p>
第二段
</p>
注意：
(1)p 标签之间存在一个空隙
(2)当前的 p 标签描述的段落, 前面还没有缩进.
(3)自动根据浏览器宽度来决定排版.
(4)html 内容首尾处的换行, 空格均无效.
(5)在 html 中文字之间输入的多个空格只相当于一个空格.
(6)html 中直接输入换行不会真的换行, 而是相当于一个空格.
4.换行标签：br
<br/>
注意：
(1)br 是一个单标签(不需要结束标签)
(2)br 标签不像 p 标签那样带有一个很大的空隙.
(3)<br/> 是规范写法. 不建议写成 <br>
5.格式化标签
(1).加粗：strong & b
(2).倾斜：em & i
(3).删除线：del & s
(4).下划线：ins & u
<strong>strong 加粗</strong>
<b>b 加粗</b>
<em>倾斜</em>
<i>倾斜</i>
<del>删除线</del>
<s>删除线</s>
<ins>下划线</ins>
<u>下划线</u>
6.图片标签：img
<img src="rose.jpg">
必须带有 src 属性. 表示图片的路径
img 标签的其他属性
alt: 替换文本. 当文本不能正确显示的时候, 会显示一个替换的文字.
title: 提示文本. 鼠标放到图片上, 就会有提示.
width/height: 控制宽度高度. 高度和宽度一般改一个就行, 另外一个
最低0.47元/天 解锁文章
扫一扫
2530
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
