HTML(HyperText Markup Language)是用于创建网页的标准标记语言,它由一系列标签组成,这些标签指示浏览器如何呈现文本、图像、链接和其他媒体元素。在本文档中,我们概述了基础的HTML语法结构和一些常用的元素。 1. **文档结构**:HTML文档通常由`<html>`标签包围,这是整个文档的根元素,包含了`<head>`和`<body>`两个主要部分。`<head>`包含元数据如标题、样式表和脚本,而`<body>`则是实际的可见内容区域。 2. **标题和段落**:`<h1>`到`<h6>`标签用于定义不同级别的标题,其中`<h1>`最大,`<p>`标签则表示段落,可以使用`align`属性调整文本对齐方式。 3. **链接与图像**:`<a>`标签创建超链接,`href`属性指定链接目标地址。`<img>`标签用于插入图片,通过`src`指定图像源,可以通过`width`和`height`设置大小。 4. **表格**:`<table>`用于创建表格,`border`属性设置边框宽度,可用于展示结构化的数据。 5. **CSS类与ID**:`class`和`id`属性用于为元素添加样式或标识唯一的元素,方便样式控制和查询。 6. **样式和布局**:`style`属性可以直接在标签内定义CSS样式,或者通过外部样式表进行更复杂的样式管理。`<hr>`标签用于创建水平线,可以控制其样式。 7. **文本格式化**:`<b>`、`<big>`、`<em>`等标签用于加粗、增大、斜体、下划线等文本效果,同时还有`<ins>`、`<del>`、`<s>`、`<strike>`等用于删除线和替换文本。 8. **代码块与预格式化**:`<pre>`、`<code>`、`<samp>`、`<tt>`等标签用于显示原始代码或示例文本,保持格式不变。`<listing>`和`<plaintext>`用于类似的效果。 9. **特殊元素**:`<abbr>`和`<acronym>`用于定义缩写词及其全称,`<address>`表示作者或联系信息,`<bdo>`提供文本方向的控制,`<blockquote>`引用段落,`<q>`用于引用短语。 10. **文档注释**:虽然不在上述列出,但HTML还支持`<!-- ... -->`的注释,用于在源代码中添加临时或非显示的文本。 这份HTML语法整理文档涵盖了HTML的基础框架、文本排版、链接、图像、表格以及一些文本格式化和特殊元素的使用,适合初学者系统学习和进阶者查阅。通过实践和不断探索,读者可以掌握这些基本元素,构建出功能丰富的网页。
贴图:<img alt="图片说明(利于图片的搜索)" src="图片地址">
1.<html> 与 </html> 之间的文本描述网页
2.<body> 与 </body> 之间的文本是可见的页面内容
3.<h1> 与 </h1> 之间的文本被显示为标题 <h1 align="center">This is heading 1</h1> 标题居中排列 left right
4.<p> 与 </p> 之间的文本被显示为段落
5.加入HTML 链接是通过 <a> 标签进行定义的 <a href="http://www.w3school.com.cn">This is a link</a> href 属性规定链接的目标
6.HTML 图像<img src="/i/eg_w3school.gif" width="300" height="120" />
7.P和Br都有换行作用,p标签是段落标签,br是强制换行标签
8.<body> 定义 HTML 文档的主体。 <body bgcolor="yellow"> 拥有关于背景颜色的附加信息
9.<table> 定义 HTML 表格。 <table border="1"> 拥有关于表格边框的附加信息。
10.属性 值 描述
class classname 规定元素的类名(classname)
id id 规定元素的唯一 id
style style_definition 规定元素的行内样式(inline style)
title text 规定元素的额外信息(可在工具提示中显示)
11.HTML 水平线 <hr /> 标签在 HTML 页面中创建水平线
用法:
<h1 align="center">My First Heading</h1>
<hr />
<h2>This is a heading</h2>
<hr />
12.预格式文本 <p>pre 标签很适合显示计算机代码:</p>
for i = 1 to 10
print i
next i
标签 描述
<b> 定义粗体文本。
<big> 定义大号字。
<em> 定义着重文字。
<i> 定义斜体字。
<small> 定义小号字。
<strong> 定义加重语气。
<sub> 定义下标字。
<sup> 定义上标字。
<ins> 定义插入字。
<del> 定义删除字。
<s> 不赞成使用。使用 <del> 代替。
<strike> 不赞成使用。使用 <del> 代替。
<u> 不赞成使用。使用样式(style)代替。
14.“计算机输出”标签
标签 描述
<code> 定义计算机代码。
<kbd> 定义键盘码。
<samp> 定义计算机代码样本。
<tt> 定义打字机代码。
<var> 定义变量。
<pre> 定义预格式文本。
<listing> 不赞成使用。使用 <pre> 代替。
<plaintext> 不赞成使用。使用 <pre> 代替。
<xmp> 不赞成使用。使用 <pre> 代替。
15.引用、引用和术语定义
标签 描述
剩余5页未读,继续阅读
- 粉丝: 1
- 资源: 1
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 多传感器数据融合手册:国外原版技术指南
- MyEclipse快捷键大全,提升编程效率
- 从零开始的编程学习:Linux汇编语言入门
- EJB3.0实例教程:从入门到精通
- 深入理解jQuery源码:解析与分析
- MMC-1电机控制ASSP芯片用户手册
- HS1101相对湿度传感器技术规格与应用
- Shell基础入门:权限管理与常用命令详解
- 2003年全国大学生电子设计竞赛:电压控制LC振荡器与宽带放大器
- Android手机用户代理(User Agent)详解与示例
- Java代码规范:提升软件质量和团队协作的关键
- 浙江电信移动业务接入与ISAG接口实战指南
- 电子密码锁设计:安全便捷的新型锁具
- NavTech SDAL格式规范1.7版:车辆导航数据标准
- Surfer8中文入门手册:绘制等高线与克服语言障碍
- 排序算法全解析:冒泡、选择、插入、Shell、快速排序