HTML(HyperText Markup Language)是超文本标记语言,是构建网页和网上应用的标准标记语言。
-
HTML文档结构:
<!DOCTYPE html>:文档类型声明,告诉浏览器这是一个HTML5文档。<html>:根元素,包含网页的所有内容。<head>:包含文档的元数据,如<title>、<style>、<script>、<link>等。<title>:定义网页的标题,显示在浏览器的标签页上。<body>:包含网页的可见内容。
-
文本内容:
<p>:段落标签。<h1>至<h6>:标题标签,<h1>是最高级别的标题。<strong>:强调文本,加粗显示。<em>:斜体强调。<mark>:标记文本。<pre>:预格式化的文本,保留空格和换行。<blockquote>:块引用,通常用于引用文本。<br>:换行标签。
-
链接和导航:
<a>:定义超链接,href属性用于指定链接地址。<link>:在<head>中定义外部资源,如CSS文件。
-
图像和多媒体:
<img>:定义图像,src属性用于指定图像文件的路径。<audio>和<video>:定义音频和视频内容。
-
列表:
<ul>:无序列表,列表项使用<li>定义。<ol>:有序列表,列表项使用<li>定义。
-
表格:
<table>:定义表格。<tr>:定义表格行。<th>:定义表头单元格。<td>:定义表格单元格。<thead>、<tbody>、<tfoot>:定义表格的头部、主体和脚部。
-
表单:
<form>:定义表单,用于收集用户输入。<input>:定义输入字段,type属性定义输入类型(如text、password、radio等)。<textarea>:定义多行文本输入控件。<button>:定义按钮。
-
语义化标签:
<header>、<footer>、<article>、<section>、<aside>、<nav>:HTML5引入的语义化标签,用于定义页面的不同部分。
-
CSS和JavaScript:
<style>:在<head>中定义内部CSS样式。<script>:在<head>或<body>中定义JavaScript代码或链接外部JavaScript文件。
-
响应式设计:
- 使用媒体查询(Media Queries)在
<style>标签或外部CSS文件中定义不同屏幕尺寸的样式。
- 使用媒体查询(Media Queries)在
-
HTML5新特性:
- 新的语义化标签。
- 新的表单控件和输入类型。
- 绘图功能,如
<canvas>。 - 音频和视频API,如
<audio>和<video>。
-
可访问性:
- 使用
<alt>属性为图像提供替代文本。 - 使用
<label>标签关联表单控件和标签。
- 使用
-
HTML属性:
class、id、style、title等常用属性用于指定样式类、唯一标识、行内样式和工具提示文本。
这些是HTML的一些基础知识点,掌握这些可以帮助你创建基本的网页结构和内容。随着技术的不断发展,HTML也在不断更新和扩展。