HTML基础教程:学习网页设计的关键标志
景颜色,#rrggbb是十六进制颜色代码,如#ffffff为白色。| |<bodytext="#rrggbb">| |设置文本颜色。| |<link="#rrggbb">| |设置链接颜色。| |<alink="#rrggbb">| |设置活动链接颜色。| |<vlink="#rrggbb">| |设置已访问链接颜色。| || |4.<title></title>| || |<title></title>标志对用于定义Html文档的标题,这个标题会在浏览器的标题栏中显示出来,并且在书签| |和搜索引擎中也会用到。| 继续深入,我们来到HTML中的其他关键元素: **教程二、格式标志** HTML提供了多种标志来控制文本的格式,如: - `<b>` 和 `<strong>` 用于加粗文本,但`<strong>`更强调语义。 - `<i>` 和 `<em>` 用于斜体文本,`<em>`同样强调语义。 - `<u>` 用于下划线,但不建议用于强调,更适合表示链接或需特别注意的信息。 - `<del>` 用于删除线,表示文本已被修改。 - `<sub>` 用于下标,如化学公式中的H2O。 - `<sup>` 用于上标,如数学公式中的平方根√2。 **教程三、文本标志** 文本标志包括段落 `<p>`、换行 `<br>`、水平线 `<hr>`、引用 `<blockquote>`、预格式化文本 `<pre>` 等。这些标志帮助组织和呈现文本内容。 **教程四、图像标志** `<img>` 标志用于插入图像。它的常用属性包括 `src`(指定图像源),`alt`(提供替代文本,对于无法显示图像或屏幕阅读器用户很重要),`width` 和 `height`(定义图像尺寸)。 **教程五、表格标志** HTML表格由 `<table>`、`<tr>`(行)、`<td>`(数据单元格)和`<th>`(表头单元格)等标志组成。`<caption>`用于添加表格标题,`<colgroup>`和`<col>`用于定义列属性,`<thead>`、`<tbody>`和`<tfoot>`分别用于表头、主体和页脚。 **教程六、链接标志** `<a>` 标志创建超链接,`href` 属性指定链接的目标地址,`target` 可以设置打开链接的方式,如 `_blank` 在新窗口打开,`_self` 在当前窗口打开。 **教程七、帧标志** `<frameset>` 和 `<frame>` 标志用于创建框架结构,允许在一个浏览器窗口中同时显示多个网页。`<frameset>` 分割窗口,`<frame>` 定义每个窗口的内容。 **教程八、表单标志** HTML表单由 `<form>`、`<input>`、`<select>`、`<textarea>`、`<button>` 等标志构成,用于用户输入和交互。`<form>`定义表单,`action` 指定提交的URL,`method` 定义提交方式(GET或POST)。 **教程九、声音标志** HTML5引入了 `<audio>` 标志,支持音频播放。`src` 属性指音频源,`controls` 添加播放控件,`autoplay` 自动播放,`loop` 循环播放。 HTML是网页设计的基础,掌握这些基本标志和概念,能让你创建出功能齐全、结构清晰的网页。随着技术的发展,HTML不断进化,新的元素和属性如`<canvas>`(画布)和`<video>`(视频)等,让网页设计更加丰富和动态。持续学习和适应这些变化,将使你成为一名出色的网页设计师。
![](https://csdnimg.cn/release/download_crawler_static/87048100/bg5.jpg)
剩余21页未读,继续阅读
![](https://img-home.csdnimg.cn/images/20210720083646.png)
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://profile-avatar.csdnimg.cn/acfce43ffe2c41f996326bd927946824_yhsbzl.jpg!1)
- 粉丝: 3728
- 资源: 59万+
我的内容管理 收起
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![](https://csdnimg.cn/release/wenkucmsfe/public/img/voice.245cc511.png)
会员权益专享
最新资源
- 电力电子系统建模与控制入门
- SQL数据库基础入门:发展历程与关键概念
- DC/DC变换器动态建模与控制方法解析
- 市***专有云IaaS服务:云主机与数据库解决方案
- 紫鸟数据魔方:跨境电商选品神器,助力爆款打造
- 电力电子技术:DC-DC变换器动态模型与控制
- 视觉与实用并重:跨境电商产品开发的六重价值策略
- VB.NET三层架构下的数据库应用程序开发
- 跨境电商产品开发:关键词策略与用户痛点挖掘
- VC-MFC数据库编程技巧与实现
- 亚马逊新品开发策略:选品与市场研究
- 数据库基础知识:从数据到Visual FoxPro应用
- 计算机专业实习经验与项目总结
- Sparkle家族轻量级加密与哈希:提升IoT设备数据安全性
- SQL数据库期末考试精选题与答案解析
- H3C规模数据融合:技术探讨与应用案例解析
![](https://img-home.csdnimg.cn/images/20220527035711.png)
![](https://img-home.csdnimg.cn/images/20220527035111.png)
![](https://csdnimg.cn/release/wenkucmsfe/public/img/green-success.6a4acb44.png)