html入门教程
HTML 入门教程
什么是 HTML
HTML(HyperText Markup Language)是用于创建网页的标准标记语言。它通过标签(tags)定义网页的结构和内容,例如标题、段落、链接等。
基本 HTML 文档结构
一个最简单的 HTML 文档包含以下结构:
<!DOCTYPE html>
<html>
<head><title>网页标题</title>
</head>
<body><h1>一级标题</h1><p>这是一个段落。</p>
</body>
</html>
<!DOCTYPE html>
声明文档类型为 HTML5。<html>
标签是根元素,包含整个 HTML 文档。<head>
标签包含元信息,如标题、字符集等。<title>
标签定义浏览器标签页上显示的标题。<body>
标签包含网页的可见内容。
常用 HTML 标签
标题
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
标题从 <h1>
到 <h6>
,数字越大,字体越小。
段落
<p>这是一个段落。</p>
链接
<a href="https://example.com">这是一个链接</a>
href
属性指定链接的目标地址。
图片
<img src="image.jpg" alt="图片描述">
src
属性指定图片路径。alt
属性提供图片的替代文本。
列表 无序列表:
<ul><li>项目一</li><li>项目二</li>
</ul>
有序列表:
<ol><li>第一项</li><li>第二项</li>
</ol>
表单
表单用于收集用户输入:
<form action="/submit" method="post"><label for="name">姓名:</label><input type="text" id="name" name="name"><input type="submit" value="提交">
</form>
action
属性指定表单提交的地址。method
属性指定 HTTP 方法(get
或post
)。<input>
标签定义输入字段。
HTML 注释
注释不会显示在浏览器中,用于代码说明:
<!-- 这是一个注释 -->
总结
HTML 是构建网页的基础,通过标签定义内容和结构。掌握基本标签后,可以进一步学习 CSS 和 JavaScript 实现更丰富的网页效果。