HTML 入门 - 基础知识标签属性_basics标签-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_30330655/article/details/101050196

本文详细介绍了HTML的基本概念，包括标签的使用、文档结构、常见元素如段落、标题、链接、图片等的用法，以及如何创建简单的网页示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

学习资源来源
W3Cschool HTML教程

basics 基础知识

HTML 文档由 HTML 元素定义，HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

标签的格式是尖括号<>中间加上元素名称
中间放内容

<开始标签> 内容 <结束标签>

<p>这是一个段落</p>

<p>这是一个错误的段落

* 特殊情况：自闭合标签，只有开始标签，即具有空内容（empty content）
like.图片img

空元素在开始标签中进行关闭（以开始标签的结束而结束）

<img src='xxxx.png'>

开始标签中加入的信息称为标签的属性
上面 img 标签中的 src 就是一种属性

header 头部
标识一些网页的基本信息，设置标签的css格式，或者写js代码

body 体

<header>
	......
</header>
<body>
	<h1>这是标题，同一级的标签缩进最好保持一致</h1>
	......
</body>

n空格 == 1空格

h 标题
标题后加数字 1-6 代表大小
数字越小字越大

p 段落

<p>大家好！</p>

br 换行

<br>下一行

a 锚点
链接到外部，定义属性值 href

<a href="http://www.w3cschool.cn">这是一个链接</a>

img 图片
img元素是自关闭元素，不需要结束标记。
src代表资源来源

<img src="XXXX.jpg" width="" height="">

em 强调/斜体
strong 加粗
u 下划线

注释

<!--这是一段注释-->

放上一段完整地示例

<html>
<header>
</header>
<body>
    <h1>这里是第一届XXX运动会</h1>
    <p><strong>大家好！</strong><em>我是主持人Tomy！</em></p>
    <!--资源放在相对位置的文件中，用 '/' 层次访问，下面的图片存放在主页当前目录下的 pics 文件夹中，名称为 'tom and jerry.jpg'-->
    <img src="pics/tom and jerry.jpg" width="104" height="62">
</body>
</html>