HTML5基础与高级技巧速览：构建、布局与选择器详解

需积分: 0 179 浏览量更新于2024-06-19 收藏 810KB PDF 举报

本资源是一份详细的HTML与CSS重点知识笔记，涵盖了HTML5页面的基本框架、元素用法、CSS3选择器及高级特性等方面。以下是其中的一些关键知识点： 1. **HTML5页面基础框架**: HTML5的页面结构由`<!doctype html>`声明开始，使用`<html>`标签包裹整个文档，`lang`属性定义语言。网页头部（<head>）用于包含元数据，如`<meta charset="UTF-8">`指定字符集，防止乱码。标题部分用`<title>`标签定义，主体部分则在`<body>`标签内编写。 2. **文本和排版元素**: - 编辑标题时常用的标签包括：`<h1>`到`<h6>`分别表示不同级别的标题，`<p>`代表段落，`<strong>`用于加粗文本，`<em>`表示斜体，`<br>`实现换行，` `插入空格，`<u>`和`<s>`分别用于下划线和删除线，``用于添加注释。 3. **列表和表格**: - 无序列表使用`<ul>`和`<li>`，有序列表使用`<ol>`和`<li>`。表格使用`<table>`定义，包括`<tbody>`、`<tr>`（行）和`<td>`（单元格）。 4. **超链接和媒体**: - 超链接使用`<a>`标签，包含`href`属性指定链接地址，可以嵌入图片和多媒体元素，如`<img>`标签用于插入图片，支持多个属性如`src`、`alt`、`title`等。 5. **CSS3选择器与高级特性**: - CSS3提供了层次选择器（如后代选择器E F{}）以及其他高级选择器，这些选择器允许更精确地控制样式应用。 - 定位技术是CSS中的重要概念，包括相对定位（元素相对于原位置偏移）、绝对定位（脱离标准文档流）和固定定位（元素相对于浏览器窗口定位）。 - CSS3还包括变形（transform）功能，如变换函数和动画，能够实现更丰富的视觉效果。 6. **W3C标准与兼容性**: HTML遵循W3C的指导原则，分为结构（如XHTML和XML）、表现（CSS）和行为（如DOM和事件处理）。对于标签，区分开放标签（如`<div>`）和闭合标签（如`</div>`）。字符编码方面，`gb2312`支持中文字符，`utf-8`支持全球字符。 7. **特殊符号与代码示例**: 提供了一些HTML中用于表示特殊符号的实体，如`>`、`<`、`"`等，并解释了窗口显示位置的新建选项。这份笔记提供了一个全面且实用的指南，帮助读者掌握HTML和CSS的基础知识，以便构建出功能丰富的网页。无论是初学者还是进阶开发者，都可以从中受益。

表格的基本结构：

1. 单元格

2. 行

3. 列

表格：

表格长度表格粗细

<tr>(行)

<td>（列）

</td>

</tr>

</table>

所跨的列数

<td colspan="n">单元格内容</td>

所跨的行数

<td rowspan="n">单元格内容</td>

实现在网页上播放视频：video

播放音频：audio

背景颜色：bgcolor

控件（视频、音频的属性）：controls

居中对齐：center

剩余25页未读，继续阅读

锦湘

粉丝: 1714
资源: 1

HTML5基础与高级技巧速览：构建、布局与选择器详解

HTML 学习笔记

HTML方面的知识、汇总、笔记

HTML笔记.pdf

张孝祥系列之HTML-重点整理笔记

clownote:clownote-CDFMLR的笔记

servlet-jsp学习笔记大全.docx

电脑编程有哪些sic-main开发笔记

JavaWeb新版教程-配套课件笔记代码-05-XML & Tomcat.zip

html笔记重点

OCP051-053课堂笔记、题目分析及答案

最新资源