HTML与Web开发基础：结构、浏览器内核与标签简介
需积分: 9 49 浏览量
更新于2024-09-02
收藏 1KB TXT 举报
在5.25日的笔记中，主要探讨了HTML（HyperText Markup Language）的基础概念以及其在网页开发中的关键角色。HTML是用于创建网页结构的语言，是万维网的核心组成部分，它定义了文档的结构、文本、图像和其他元素的布局方式。
首先，HTML可以被看作是一种标记语言，它的主要作用是描述网页内容的结构和非结构化数据。通过一系列的标签（如`<p>`、`<div>`、`<a>`等），开发者可以组织文本、添加链接、表格、列表等内容。例如，`<p>`标签用于创建段落，`<hr>`用于插入水平线，`<br>`则表示换行。
五大浏览器及其对应的内核分别是：
1. Blink：Google Chrome的内核，基于WebKit，注重性能优化和安全性。
2. Gecko：Mozilla Firefox的主要内核，开源且功能强大，支持多种标准。
3. Presto：早期的Opera浏览器使用的内核，后来被V8取代。
4. Trident（IE的内核）：主要由微软开发，主要用于Internet Explorer浏览器，与HTML兼容性好，但相对较旧。
5. WebKit：除了Safari，也用于Chrome、iOS Safari和Adobe Edge等浏览器，强调快速和创新。
在网页构建中，CSS（Cascading Style Sheets）负责样式和布局，而JavaScript（JS）则提供了动态交互功能。DOM（Document Object Model）是HTML文档的抽象表示，允许程序访问和操作HTML内容，而ECMAScript（JS的规范）则是编写客户端脚本的核心。
此外，学习HTML时还需了解XML（Extensible Markup Language）和XHTML（eXtensible HyperText Markup Language），它们都是超文本标记语言的扩展，增强了数据交换的能力。XML通常用于存储和传输数据，而XHTML在语法上更接近HTML，但遵循XML语法规则。
`<meta charset="UTF-8">`标签确保了文档使用UTF-8字符编码，这是全球通用的字符集。`<title>`标签定义了浏览器标签页的标题，`<body>`是主要内容区域，`<head>`部分包含元数据和样式信息。`<a>`标签的href属性用于设置链接目标，`<base>`标签则指定相对URL的基准，使得所有链接都可以根据这个基准进行解析。
`<br>`、`<span>`、`<strong>`、`<i>`、`<del>`等标签分别用于换行、创建子级元素、强调文本、斜体和删除线。`<s>`标签已被`<del>`替代，`<u>`标签表示下划线，`<ins>`用于插入文本。`<img>`标签用于插入图像，`<a>`标签的target属性控制新窗口打开还是当前窗口。
总结来说，这份笔记着重介绍了HTML的基础结构和使用方法，以及如何配合CSS和JavaScript来实现网页的美观和交互功能。同时，它还涵盖了浏览器内核、字符编码和元标签的使用，对于初学者来说，这是一个很好的HTML入门指南。
103 浏览量
2021-09-08 上传
2021-07-10 上传
2020-04-19 上传
2020-03-19 上传
2020-10-27 上传
2021-08-18 上传
w17312099735
- 粉丝: 0
- 资源: 5
我的内容管理
展开
最新资源
- Fisher Iris Setosa数据的主成分分析及可视化- Matlab实现
- 深入理解JavaScript类与面向对象编程
- Argspect-0.0.1版本Python包发布与使用说明
- OpenNetAdmin v09.07.15 PHP项目源码下载
- 掌握Node.js: 构建高性能Web服务器与应用程序
- Matlab矢量绘图工具：polarG函数使用详解
- 实现Vue.js中PDF文件的签名显示功能
- 开源项目PSPSolver：资源约束调度问题求解器库
- 探索vwru系统：大众的虚拟现实招聘平台
- 深入理解cJSON：案例与源文件解析
- 多边形扩展算法在MATLAB中的应用与实现
- 用React类组件创建迷你待办事项列表指南
- Python库setuptools-58.5.3助力高效开发
- fmfiles工具：在MATLAB中查找丢失文件并列出错误
- 老枪二级域名系统PHP源码简易版发布
- 探索DOSGUI开源库：C/C++图形界面开发新篇章
