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的基础知识,以便构建出功能丰富的网页。无论是初学者还是进阶开发者,都可以从中受益。
2012-02-26 上传
2021-04-09 上传
2023-09-19 上传
2024-06-23 上传
2022-05-18 上传
锦湘
- 粉丝: 1714
- 资源: 1
最新资源
- 掌握Jive for Android SDK:示例应用的使用指南
- Python中的贝叶斯建模与概率编程指南
- 自动化NBA球员统计分析与电子邮件报告工具
- 下载安卓购物经理带源代码完整项目
- 图片压缩包中的内容解密
- C++基础教程视频-数据类型与运算符详解
- 探索Java中的曼德布罗图形绘制
- VTK9.3.0 64位SDK包发布,图像处理开发利器
- 自导向运载平台的行业设计方案解读
- 自定义 Datadog 代理检查:Python 实现与应用
- 基于Python实现的商品推荐系统源码与项目说明
- PMing繁体版字体下载,设计师必备素材
- 软件工程餐厅项目存储库:Java语言实践
- 康佳LED55R6000U电视机固件升级指南
- Sublime Text状态栏插件:ShowOpenFiles功能详解
- 一站式部署thinksns社交系统,小白轻松上手