html常用标签

来源：互联网发布：手机淘宝关注链接编辑：程序博客网时间：2024/06/05 10:03

HTML：HyperText Markup Language 超文本标记语言

超文本：比文本功能更加强大

标记语言：通过一组标签对内容进行描述的一门语言

HTML的语法和规范

1.HTML文件的扩展名是.html或者是.htm

2.HTML文件是由头和体组成

3.HTML这组标签是不区分大小写

4.HTML的标记通常是由开始标签和结束标签组成：<b>内容</b> <br/>

一些常用标签：

1.文件标签

html标签：声明当前网页为html页面

子标签：

head标签:用来存放当前页面的重要信息，一般不展示在html页面上

子标签：<title></title>网页的标题

body标签：要展示的数据

2.标题标签

h1字体最大，h6最小

常用属性：align:对齐方式

left：左对齐 center：居中 right：右对齐

3.字体标签

<font></font>规定文本的字体、字体尺寸、字体颜色。

常用属性:

face:字体
size:尺寸
color:颜色
颜色的取值:
方式1: #xxxxxx x为16进制
方式2: 英文单词

4.文本格式相关标签

<p></p>段落标签
<b></b> <strong></strong>加粗
<i></i> 斜体
<hr/>水平线
<br/>换行

5.图片标签

<img/>
常用属性:

src:图片的路径
alt:替代文字
title:移上去显示的文字
width:宽
height:高
宽和高大小的写法:

像素:100px
百分比:40%

6.列表标签:

<ol></ol> 有序
<ul></ul> 无序

常用的标签
<li></li> 列表项

7.超链接标签

<a></a>
常用属性:

href:跳转路径
target:在哪里打开
默认值:_self _blank(在空白页面打开)

8.表格标签

<table></table>
table常用的子标签

tr:行
<tr></tr>

tr常用子标签:

<td>:列
<th>:表头单元格默认居中加粗

table 的常用属性:

border:边框例如<table border="1px"></table>
width: 宽度
heigh：高度
align:表格对齐方式

tr 的常用属性:

align:内容对齐
td 的常用属性:

align:内容对齐
colspan:跨列合并值:合并的列数例如：<td colspan="2"></td>
rowspan:跨行合并

9.表单标签

<form></form>
常用属性:

action:提交路径
method:提交方式 get和post 例如<form action="#" method="get"></form>
form常用的子标签:

input
select
textarea

input标签:

常用属性：

type:10种

text 单行文本
password 密码
radio 单选框
checkbox 复选框
file 文件上传域
submit 提交按钮
reset 重置按钮
button 无动作按钮
hidden 隐藏域
image 图像上传域

若想将内容发送到服务器,必须有name属性

select标签:

<select name="">
<option value="提交到服务器的值">展示内容</option>
</select>

textarea:文本域

格式:
<textarea cols="" rows="" name=""></textarea>

10.框架标签

<frameset></frameset>
常用属性:

cols:垂直切割
例如: cols="40%,60%"
例如: cols="40%,*,10%"
rows:水平切割

常见的子标签:

<frame></frame>

注意:

最好和body不要共存
frame:具体实现
常用属性:

src:展示的页面的url
name:给当前的frame起个名称

阅读全文

1 0