HTML简答语法资源-CSDN文库

需积分: 11 144 浏览量 2018-11-07 09:19:53 上传评论收藏 7.07MB DOCX 举报

HTML是HyperText Markup Language的缩写，是一种用于创建网页的标准标记语言。它的基本语法和元素是构建网页的基础。以下是对HTML语法的详细说明： 1. **DOCTYPE声明**：DOCTYPE声明位于HTML文档的顶部，用来告诉浏览器文档使用的是哪种HTML或XHTML规范。在HTML5中，它简化为`<!DOCTYPE html>`。 2. **<title>标签**：定义了文档的标题，显示在浏览器的标题栏或标签页上，同时也是搜索引擎识别网页的主要依据。 3. **<meta>标签**：提供关于HTML文档的元信息，如字符编码（charset）、页面描述、关键词等。 4. **基本标签**： - `<h1~6>`：定义不同级别的标题，h1最大，h6最小。 - `<p>`：用于创建段落。 - `<br/>`：插入一个换行符。 - `<hr/>`：插入一条水平线。 - `<strong>`：用于强调加粗文本。 - `<em>`：用于强调斜体文本。 - ``：注释语法，方便开发者在代码中添加说明。 5. **特殊符号**：通过HTML实体来表示特殊字符，如空格` `、大于号`>`、小于号`<`、引号`"`、版权符号`©`等。 6. **图像标签<img>**： - `src`：指定图像的URL。 - `alt`：提供替代文本，当图像无法显示时显示该文本。 - `title`：鼠标悬停时显示的提示文字。 - `width`和`height`：设定图像的宽度和高度。 7. **超链接<a>**： - `href`：定义链接的目标URL。 - `target`：设定链接在何处打开，`_self`为当前窗口，`_blank`为新窗口。 8. **锚链接<a>**： - 使用`<a name="marker">`定义一个位置，`<a href="#marker">`则可以链接到这个位置。 9. **列表**： - `<ul>`和`<li>`：无序列表，`<ol>`和`<li>`是有序列表。 - `<dl>`, `<dt>`, `<dd>`：定义列表，`<dt>`定义标题，`<dd>`定义描述。 10. **表格<table>**： - `<tr>`：表格行。 - `<th>`：表格标题单元格。 - `<td>`：表格数据单元格。 - `colspan`和`rowspan`：分别用于合并列和行。 11. **媒体元素**： - `<video>`：嵌入视频，`controls`属性添加播放控件。 - `<audio>`：嵌入音频，同样有`controls`属性。 12. **结构元素**： - `<header>`：页面头部。 - `<section>`：页面的独立部分。 - `<footer>`：页面底部。 13. **<iframe>**： - 用于在页面中嵌入另一个网页。 14. **表单<form>**： - 表单元素用于收集用户输入，常用属性包括`action`（提交地址）和`method`（提交方式，如GET或POST）。 15. **<input>元素**： - 常用属性有`type`（定义输入类型，如text、password、checkbox等）、`name`（定义字段名称）、`value`（预设值）等。 16. **表单元素**： - 文本框`<input type="text">` - 密码框`<input type="password">` - 单选按钮`<input type="radio">` - 复选框`<input type="checkbox">` - 列表框`<select>`和`<option>` - 按钮`<button>`、图片按钮`<input type="image">` - 多行文本域`<textarea>` - 文件域`<input type="file">` - 邮箱`<input type="email">` - 网址`<input type="url">` - 数字`<input type="number">` - 滑块`<input type="range">` - 搜索框`<input type="search">` - 隐藏域`<input type="hidden">` - 只读与禁用属性`readonly`和`disabled` 17. **验证属性**： - `placeholder`：输入框的提示文本。 - `required`：指定字段必须填写。 - `pattern`：定义输入值的正则表达式模式。 18. **CSS3**： - 基本语法结构包括选择器 + 属性 + 值。 - `<style>`标签：在HTML文档内部定义样式。 - 行内样式：直接在HTML元素的`style`属性中定义样式。 - 行外样式：外部CSS文件，通过`<link>`或`@import`引入。以上就是HTML的基础语法和常见元素的介绍，这些知识构成了网页开发的基础，对于学习和理解HTML5至关重要。通过熟练掌握这些语法，可以创建出功能丰富、结构清晰的网页。

资源推荐

资源详情

资源评论