HTML基础知识精讲：从标签到页面布局

需积分: 10 138 浏览量更新于2024-08-01 收藏 1.7MB PPT 举报

"html复习串讲ppt" HTML，全称HyperText Markup Language，即超文本标记语言，是网页制作的基础，用于构建和呈现网页内容。HTML文档由一系列元素组成，这些元素通过标签来定义，比如`<html>`、`<head>`、`<body>`等。以下是对HTML基本标签的详细讲解： 1. **HTML文档结构** HTML文档通常由`<html>`标签开始，`<head>`标签包含元数据如页面标题，而`<body>`则包含实际的页面内容。`<meta>`标签用来设置页面的字符编码，例如`charset=gb2312`表示使用GB2312编码。 2. **标题标签** `<Hn>` `<H1>`到`<H6>`标签用于创建不同级别的标题，其中`<H1>`是最重要（最大）的标题，`<H6>`是最小的标题。在HTML5中，这些标签还用于语义化，分别表示文章的主要标题、子标题等。 3. **字体标签** `<font>` `<font>`标签已过时，但在老版本的HTML中用于改变字体的大小、颜色和类型。现代网页设计更倾向于使用CSS来控制这些样式。 4. **特殊符号** HTML提供了预定义的特殊字符实体，如` `表示空格，`>`代表大于号，`<`表示小于号，`"`为双引号，`©`是版权符号。它们用于在网页中插入无法直接输入的字符。 5. **行的控制** `<p>`、`<br>` `<p>`标签用于创建段落，`<p align="left|right|center">`设定段落对齐方式。`<br>`标签则用于插入换行符。 6. **图片标签** `<img>` `<img>`标签插入图片，`src`属性指明图片源，`width`和`height`设置尺寸，`alt`提供替代文本，`align`调整对齐方式，`border`定义边框宽度。 7. **文字布局** - **水平线** `<hr>`：用于创建一条水平分隔线，可设置其厚度、宽度和颜色。 - **有序列表** `<ol>`：创建带有数字序号的列表，`type`属性可设定数字样式（1, A, a, I, i）。 - **无序列表** `<ul>`：创建带圆点的列表。 - **列表项** `<li>`：在`<ul>`或`<ol>`内定义列表项。 8. **链接** `<a>`：定义超链接，如`<a href="url">链接文字</a>`，链接到指定的URL。 9. **区块元素** 如`<div>`和`<span>`：`<div>`用于组织和布局大块内容，`<span>`用于处理内联内容。 10. **表格** `<table>`：创建表格，包括`<tr>`（行）、`<th>`（表头）、`<td>`（单元格）等。 11. **表格的复杂特性** 包括合并单元格（`colspan`和`rowspan`属性），表头（`<thead>`）、表体（`<tbody>`）和表尾（`<tfoot>`）的分隔，以及表格的边框样式。 12. **表单** `<form>`：用于创建用户交互的表单，包括各种输入控件（`<input>`、`<textarea>`、`<select>`等）和提交按钮（`<button>`）。 13. **框架** `<frameset>`和`<frame>`：在HTML4中用于创建多窗口布局，但已被HTML5废弃，现代网页设计通常使用响应式布局代替。 14. **CSS样式表**：CSS（Cascading Style Sheets）用于控制HTML元素的样式、布局和视觉表现，包括颜色、字体、尺寸、位置等。通过`<style>`标签内联定义、`<link>`标签引用外部样式表或使用`style`属性直接设置元素样式。 15. **网站设计与页面布局技术** 包括响应式设计、流式布局、网格系统、定位（如绝对定位、相对定位和固定定位）以及浮动布局等，用于确保网页在不同设备和屏幕尺寸下都能良好展示。学习HTML时，理解这些基本标签和概念是至关重要的，同时要掌握如何使用CSS进行美化和布局，以及如何与其他Web技术（如JavaScript和AJAX）结合，创建动态、交互的网页。通过不断实践和积累经验，可以提升网页设计和开发的能力。

第一章 HTML 的基本标签

color =" 字体颜色 "

face =" 字体类型 "> 要设置的文字 </font>

4. 特殊符号

5. 行的控制相关标签

段落标签 <p></p>

<p align="left" ( 左对齐 )/ "right" ( 右对齐 )/ "center" ( 居中

)> ( 段落的对其方式 )

特殊符号

代码

空格

大于号 (>) >

小于号

(<)

引号 "

版权号 (©)

剩余24页未读，继续阅读

tzyjn

粉丝: 0
资源: 3

HTML基础知识精讲：从标签到页面布局

Html基础知识串讲

接口复习串讲PPT学习教案.pptx

接口复习串讲PPT课件.pptx

计算机组成原理总复习串讲PPT学习教案.pptx

四下数学期末总复习串讲PPT学习教案.pptx

hibernate串讲ppt

中考历史总复习——主要知识点串讲PPT学习教案.pptx

物流管理串讲PPT

信息安全工程师串讲ppt

java 核心语法串讲PPT部分

最新资源