HTML基础入门与常用标记详解

需积分: 12 0 下载量 37 浏览量 更新于2024-09-11 收藏 428KB DOCX 举报
HTML(HyperText Markup Language)笔记提供了深入理解网页开发基础的重要知识点。HTML是一种标记语言,其核心作用是构建网页内容的结构,包括文字、图片、视频等元素的组织和展示。它并不具备编程能力,无法编写动态内容,但可以与服务器端语言(如PHP、JavaScript)结合实现动态交互。 一、HTML运行原理 1. **本地运行**:HTML文件通常通过浏览器解析和显示,用户可以在本地计算机上直接打开。 2. **远程访问**:在实际应用中,HTML文件可能存储在远程服务器,通过网络由其他用户的浏览器加载,比如将HTML上传至Tomcat服务器后,通过URL访问。 二、HTML基本结构 HTML文档的核心结构始终保持一致,包括`<html>`、`<head>`和`<body>`三个主要部分。`<html>`标签包围整个文档,`<head>`包含元数据和样式信息,而`<body>`则存放网页的实际内容。每种元素都有名称(元素名)和可选的属性,如`<p>`表示段落,`<font>`定义字体样式。 三、HTML元素和属性 - **符号实体**:如`&copy;`、`&pound;`和`&reg;`代表版权符号、英镑符号和注册商标符号。 - **超链接**:使用`<a>`标签创建,`href`属性指定链接目标,`target`属性控制新窗口打开方式。 四、实例演示 代码片段展示了如何使用`<input>`标签创建复选框和图片输入,以及`<textarea>`用于文本输入。`<font>`标签用于设置字体大小和颜色。在`<head>`部分,`<title>`定义网页标题,而`<br>`用于换行。注释部分使用`<!-->`来指示内容区域。 五、元素类型和示例 - **表格**:通过`<table>`、`<tr>`、`<th>`和`<td>`等标记创建表格结构。 - **无序列表** (`<ul>`和`<li>`)用于创建项目列表。 - **框架** (`<frameset>`和`<frame>`)允许布局多个独立的HTML页面。 这份HTML笔记详细介绍了HTML的基础概念、语法结构、元素使用方法和常见元素的实例,有助于理解和实践HTML网页的开发。掌握这些内容对于初学者和web开发者来说至关重要,它为后续学习CSS和JavaScript等技术打下坚实的基础。
2022-02-23 上传
2022-09-27 上传