这是HTML常用标签的学习 基于HTML5
一.HTML语法规范
<!DOCTYPE html>
<html>
<head>
<!--这是head-->
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--这是body-->
</body>
</html>
-
上面是一个文档声明
-
根标签 html
-
html文件主要包含两部分. 头部分和体部分
头部分 : 主要是用来放置一些页面信息
体部分 : 主要来放置我们的HTML页面内容
-
通过标签来对内容进行描述,标签通常都是由开始标签和结束标签组成
-
标签不区分大小写, 官方建议使用小写
二.常用标签
- 字体标签
<font></font>- color：颜色
- size：大小
- face：改变字体样式
- 段落标签
<p></p> - 标题标签
<h1></h1> 1~ 6 - 换行标签
<br /> - 水平线
<hr /> - 加粗
<b></b> <strong></strong> - 斜体
<i></i> <em></em> - 图片标签
<img></img>- src：指定图片的路径
- width：宽度
- height：高度
- alt：图片加载错误时的提示信息
- 相对路径
- ./ 代表当前路径
- ../ 代表上级路径
- ../../ 代表上上级路径
- 无序列表
<ul> <li></li> </ul>- type：样式
- 有序列表
<ol><li></li></ol>- type：样式
- start：起始索引
- 超链接标签
<a></a>- href：要访问的链接地址
- target：打开方式
- _self：默认打开方式，在当前窗口打开
- _blank：新起一个标签页打开页面
- 表格标签
<table></table>- border：指定边框
- width：宽度
- height：高度
- bgcolor：背景颜色
- align：对齐方式
- 行标签
<tr></tr> - 列标签
<td></td>- colspan：跨列
- rowspan：跨行
- 表单标签
<form></form>- action：直接提交的地址
- method：
- get：默认提交方式，会将参数拼接在url后面，限制大小，一般是4k
- post：会将参数封装到请求体中，没有大小限制
- 输入标签
<input />- type：指定输入项的类型
- text：文本
- password：密码
- radio：单选 需要给选项同一个name
- checkbox：复选
- file：上传文件
- submit：提交按钮
- button：普通按钮
- reset：重置按钮
- hidden：隐藏域
- date：日期
- tel：手机号
- number：数字
- placeholder：指定默认的提示信息类似hint
- name：在表单提交的时候作为参数的key
- id：个输入项取个id，便于后期找到它并操作
- type：指定输入项的类型
- 文本域：
<textarea></textarea>- cols：指定宽度
- rows：指定高度
- 下拉列表：
<select></select>- 选择项：
<option></option>
- 选择项：
- 框架标签：
<frameset></frameset>- 使用frameset必须将body去掉，否则页面有问题
-
<frame></frame>- src：引用html文件路径
- name：指定框架的名称
- target：结合name指定变化区域
- 块标签：
-
<div></div>：默认占一行，自动换行 -
<span></span>：不会自动换行
-
网友评论