本文详细介绍了HTML的基本语法、常用标签，如文本、超链接、图像、音频、视频、列表、表格和表单的创建方法。从结构到功能，为初学者提供了一个全面的前端开发入门指南。
目录
<html>
<head>
<title>前端开发</title>
</head>
<body>
<h1>HTML</h1>
<p>HTML超文本标记语言，是用来描述网页的一种标准语言。</p>
</body>
</html><title>表示标题、
<h1>表示一级标题、
<p>表示段落
HTML语法
- div标签：用于划分区域
常用结构化标签包括
header：页眉
nav：导航条
footer：页脚
main：页面主要内容，一个页面只能使用一次
aside：侧栏
article：可以独自被外部引用的内容
section：用于一端主题性的内容
HTML常用标签
3.1文本
- 标题h1-h6
- 段落p
- 段内换行br：由p构成的段落，段落结束后才换行，如果需要段内换行，可以使用<br/>
- 预留格式pre
- 段内组合span
- 强调strong、em：strong内的文本为粗体，em内的文本为斜体
- 水平分割线hr
- 注释：可以使用<!--和-->添加注释，注释可以跨行
3.2超链接
<a href="跳转的目标位置">文字或图片</a>
3.3图像
- img标签：<img src="图片位置+文件名+后缀" alt="替换文字"/>
- figure标签：figure可以将图片与图片标题组合在一起，图片用img标签，图片标题用figcaption标签
3.4音频
- audio标签：<audio src="音频文件" controls="controls" loop="loop"></audio>
3.5视频
- video标签：
使用video标签直接插入单一来源的视频文件
<video src="视频文件" controls="controls" loop="loop" width="视频窗口宽度"></video>
使用poster属性设置开始海报图像
<video src="course.mp4" controls="controls" poster="strating.jpg" width="海报宽度">
浏览器不支持HTML5:video
</video>
3.6列表
- 无序列表：无序列表由ul构成，每个列表由li表示
<ul> <li>HTML</li> <li>CSS</li> <li>JS</li> </ul> - 有序列表：无序列表由ol构成，每个列表由li表示
- 自定义列表：dl定义自定义列表、dt定义列表项、dd定义列表项的描述
3.7表格
表格结构：由标题caption、表头thead、标题tbody、表位tfoot构成
表格按行tr存储，行由单元格构成
单元格分为表头单元格th、数据单元格td
属性：
- border属性：显示边框：<table border="1"></table>
- colspan、rowspan：可以合并单元格，colspan合并列(横向合并)、rowspan合并行(纵向合并)
3.8表单
表单域form：<form name="表单名称" method="get|post" action="后端处理页面">
表单元素
</form>
name属性：表单名称
method属性：发送表单数据的方法
action属性：向何处发送表单数据
文本框、密码框：<input type="text|password" name="名称" value="文本"/>
type属性：取值为text时则为文本框，取值为ldpassword时为密码框
value属性：
提交按钮、重置按钮：<input type="submit|reset" name="名称" value="内部文本"/>
type属性：取值为submit时则为提交按钮，取值为reset时为重置按钮
value属性：按钮表面文字
单选框、复选框：<input type="radio|checkbox" name="名称" value="值" checked="checked"/>
标签：
下拉列表：
按钮：
文本域：
6276
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
