HTML标签

1. 基本标签

html页面最大的标签
head文档的头部标签
title文档的标题标签
body文档的主体标签
h1~h6标题标签
p段落标签
br/换行标签
div
span
img图像标签
a超链接标签

拓展:
1、超链接标签:

<a href="跳转目标", target="目标窗口的弹出方式"></a>
target:
 _self:默认方式打开
 _blank: 在新窗口中打开
 _parent: 以文档在父窗口上的方式跳转,如果父窗口是window对象的话,那么效果和_self相同
 _top: 能够跳转出包含这个超链接的窗口
 framename:iframe

2、图像标签的属性

<img src="url"/>
src: 图像文件的地址
width: 图像的宽度
height: 图像的高度
title: 提示文本,(鼠标放在图片上显示的文字)
alt: 替换文本,图片不显示时,显示的文字信息
strong / b加粗标签
em / i倾斜标签
del / s删除标签
ins / u下划线标签

:加粗为推荐使用的标签

2. 列表标签

2.1 无序列表

<ul>
	<li></li>
<ul>

ul>li:比较常用,ul里面只能嵌套li

2.2 有序列表

<ol>
	<li></li>
</ol>

有序列表: 不是很常用, ol里面只能嵌套li

2.3 自定义列表

<dl>
	<dt></dt>
	<dd></dd>
	<dd></dd>
</dl>

一般在使用过程中: 一个dt,对应多个dd

3. 表格标签

table定义表格的标签
th表头单元格,位于表格的第一行或者第一列,表头单元格中的文本内容居中加粗显示
tr定义表格中的行,嵌套在table标签中
td定义表格单元格,嵌套在tr标签中
thead表格的表头区域
tbody表格的主体区域

1.补充:表格的属性

width表格的宽度
height表格的高度
cellpadding单元格与文本内容之间的距离
cellspacing单元格与单元格之间的距离
border单元格的边框粗细
align单元格中文本内容的对齐方式:left/right/center

2.拓展:单元格合并方式

1.跨行合并: rowspan="合并单元格个数"
2.垮列合并: colspan="合并单元格个数"

4. 表单标签

表单标签由3部分组成:表单域、表单控件、提示信息

4.1 表单域

<form action="url" method="get/post" name="表单名字">
	各种表单控件
</form>

表单域中的属性

actionurl地址:用于接收和处理表单的服务器的url地址
method设置表单的提交方式:get/post
name指定表单的名称,用于区分一个页面中的不同表单

4.2 表单控件

表单控件一般有:
1. input: 输入表单元素

<input type="属性值"/>

1.input的表单属性:

nameinput元素的名字
valueinput元素的值
checked设置checked=“checked”,默认选中
maxLength设置输入字段的最大输入长度

2.type的属性值:

text单行文本输入字段
password密码字段,密码被隐藏
radio单选按钮
checkbox复选框
button点击按钮
reset重置按钮,表单中的数据都被清除
submit提交按钮,把表单数据发送给服务器
file定义输入字段和“浏览”按钮,上传文件
image图像形式的提交按钮
hidden定义隐藏的输入字段

2. select: 下拉表单元素

<select>
	<option selected="selected">北京</option>
	<option>上海</option>
</select>

3. textarea: 文本框元素

<label>留言</label>
<textarea row="5" col="10">hello!!!</textarea>

4.3 提示信息

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值