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也在不断更新和扩展。