今天讲了什么是HTML：
HTML就是超文本标记语言
他负责超文本中的结构，标签，和超链接

HTML的基本页面

<!DOCTYPE  html>
<html>
<head>
	<   charset=\"UTF-8\">
	< >网页标题</ >
</head>
<body>
	<h1>网页正文</h1>
</body>
</html>

标签结构

<标签名>标签内容</标签名>
<标签名/>
标签都是成对出现的
我们还将完整的标签称为元素
常用标签

<html>是一个根标签，一个页面中有且只有一个根标签，网页中的所有内容都需要写在html标签的内部
<head>是网页的头部
该标签中的内容不会在网页中直接显示，该标签用于帮助浏览器解析页面，子标签分为< >< >
<body>是网页的主体
网页中所有的可见部分都需要在body中编写
<h1> ~ <h6>是标题标签，在HTML中一共有六种标签，六级标题中，h1最重要，h6最不重要，一般页面中只会使用h1~h3，h1的重要性仅次于 ，浏览器也会主要检索h1中的内容，以判断页面的主要内容，一般一个页面中只能写一个h1。
<p></p>是段落标签
<br>是换行标签
<hr>是水平标签
<!-- 注释内容 -->注释
<!DOCTYPE html>html5的文档声明
<  charset=\"utf-8\" />解决乱码问题
< >的作用 标签可提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。< > 标签位于文档的头部，不包含任何内容。< > 标签的属性定义了与文档相关联的名称/值对。

图片标签

<img />使用图片标签可以向页面中引入一个外部图片
属性
src指向一个外部图片的路径，可以使用相对路径
alt指定一个在图片无法加载时对图片的描述，搜索引擎主要通过该属性来识别图片的内容，如果不写该属性则搜索引擎会对图片进行收录
width：设置图片的宽度
height：设置图片的高度
图片的格式：jpeg 颜色丰富的图片，如照片， GIF 颜色单一我，简单透明的图片，动态图，PNG 颜色丰富，复杂透明的图片
图片选择的原则：效果一致，用小的，效果不一样，用效果好的，

相对路径

相对于当前资源所在的目录的路径,可以使用../返回一级目录，返回几级使用几个../

字符实体

在HTML页面中一些特殊符号是不能直接使用，需要使用实体来代替这些特殊符号,实体也可以称为转义字符,
实体语法：&实体名；  常用的实体&nbsp;空格小于号< &lt; 大于号>&gt，和符号&
-&amp; 版权© &copy;引号” &quot;注册商标® &reg;商标™– &trade;

继续阅读与本文标签相同的文章

无标签
最新文章 最热文章
收藏 打印

特别推荐 2026年05月18日 星期一

精彩发现

热门标签

阻止表单提交 窗口 关闭浏览器 清除 CDATA css文件 光标位置 坐标 javascrpt !important 超链接 数字

相关文章