HTML常用标签与属性详解
需积分: 42 18 浏览量
更新于2024-09-05
1
收藏 21KB DOCX 举报
"该文档详细介绍了HTML中的常用标签和属性,包括HTML页面的基本结构、不同类型的标签、属性的使用以及表单相关元素。"
在HTML中,常用的标签和属性是构建网页的基础。文档中提到了一些核心概念:
1. HTML页面结构:一个完整的HTML页面由`<html>`、`<head>`和`<body>`组成。`<html>`是整个文档的根元素,`<head>`包含了元信息如页面标题`<title>`,而`<body>`则承载着网页的主要内容。
2. 块级标签与行级标签:块级标签如`<h1>`至`<h6>`、`<p>`、`<div>`等,它们会在页面上占据一整行;行级标签如`<a>`、`<font>`、`<img>`等,它们在同一行内显示。
3. 常用属性:如`src`属性,用于指定外部资源的位置,例如图片`<img>`的来源或脚本`<script>`的路径。
4. 标签分类:文档中列举了多种标签,包括用于文本格式化的`<b>`、`<i>`、`<em>`等,用于链接的`<a>`,用于图像的`<img>`,用于换行的`<br>`,以及用于分隔线的`<hr>`等。
5. 列表标签:`<ul>`和`<ol>`分别用于创建无序和有序列表,`<li>`则用于定义列表项。`<dl>`、`<dt>`和`<dd>`则用于定义列表,其中`<dt>`定义标题,`<dd>`定义描述。
6. 表格相关:`<table>`是表格的容器,`<tr>`定义行,`<td>`定义单元格,`<th>`定义表头,`<caption>`添加表格标题,`<thead>`、`<tbody>`和`<tfoot>`分别表示表格的表头、主体和页脚部分。
7. 表单相关:`<form>`用于创建表单,`<input>`可以作为各种输入控件,如文本框、密码框等;`<select>`创建下拉列表,`<option>`定义选项;`<textarea>`用于多行文本输入。表单提交的数据可以通过`get`或`<post>`方法发送到服务器,`get`方法的数据在URL中可见,而`post`方法则将数据隐藏在请求体中,相对安全。
8. CSS标签:虽然标签主要讨论HTML,但`<style>`和`<link>`标签也与CSS有关,`<style>`用于在HTML文档内部定义样式,`<link>`则用于引入外部CSS文件,以实现页面的样式控制。
9. 框架相关:`<frameset>`、`<frame>`和`<iframe>`用于创建网页框架,其中`<frameset>`定义框架集,`<frame>`定义单独的显示区域,`<iframe>`则用于嵌入独立的网页内容。
这些标签和属性构成了HTML的基础,通过它们的组合使用,开发者能够构建出丰富的网页布局和交互功能。在实际开发中,还需要结合CSS进行样式控制,以及JavaScript实现动态交互效果。
2020-02-21 上传
2022-11-27 上传
2021-10-05 上传
2022-02-08 上传
2022-04-05 上传
2023-02-28 上传
学好javascript换名
- 粉丝: 2
- 资源: 8
最新资源
- 程序员简历模板系列 包括PHP程序员简历模板、iOS程序员简历模板、Android程序员简历模板、Web前端程序员简历模板
- defineDesign:用于定义空间的不同客户端请求的应用程序
- Power AD-开源
- Node-Beaver:遥测数据记录器设备
- gr-adsb:GNU Radio OOT模块,用于解调和解码ADS-B数据包
- ChatGPT商业运营网站系统 支持GTP4 支持Midjourney绘画 后台一键更新
- 云健康平台后台管理模板特效代码
- 锤子分贝
- react-cli下载器。。。模板更新
- yipservicedesk:基于 OcoMon 从存储库 'service-desk' 分叉的服务台。 此项目中的脚本完全使用 UTF-8 编码编写
- LibIrmakDel
- 管理系统-使用SpringBoot开发的智慧园区管理系统-带前端带数据库的完整项目
- Yolov4:这是一个yolov4_pytorch代码
- search stackoverflow-crx插件
- sshpass源码sshpass源码
- homebridge-ds18b20