HTML标签

最新推荐文章于 2024-11-11 23:47:26 发布

原创最新推荐文章于 2024-11-11 23:47:26 发布 · 139 阅读

0 ·

CC 4.0 BY-SA版权

1.介绍

HTML是超文本标记语言。其中标签分为单标签和双标签。

2.标题标签header

<h1> </h1>
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6>

3.段落标签

<p> </p>

特殊符号：
大于号：>
小于号：<
空格： 
空白：&emsp;
版权符©:©

4.加粗

<b> </b>
<strong>  </strong> 有利于seo搜索

5.斜体

<i> </i>
<em> </em> 有利于seo搜索

6.换行

<br>

7.连接

<a href = " http://www.baidu.com" target = "_block">去百度</a>
<a href = "#id"> 锚点</a> href为空时，默认回到页面顶部
<a href = "javascript:void(0)">  死连接</a>

target属性：_block,_self

8.图片标签

<img src = "地址" alt = "错误信息" title = " ">

alt 属性：图片描述，用于seo搜索。当图片路径错误时，会显示在页面上。
title属性：鼠标划入提示信息

9.列表标签

9.1无序列表

<ul >
	<li > 1 </li>
	<li> 2 </li>
	<li> 3 </li>
</ul>

type属性：默认黑点
disc 黑点
circle 空心圆
square 小方块

去掉圆点：list-style : none;

9.2 有序列表

<ol>
	<li> 1 </li>
    <li> 2 </li>
    <li> 3 </li>
</ol>

type`属性：默认 1.2.3.4
A: A.B.C.D
a: a.b.c.d
I: 罗马字
i：小写罗马字

9.3 自定义列表

 <dl>
    	<dt> num </dt>
        <dd> 1 </dd>
        <dd> 2</dd>
    </dl>

10.div标签和span标签

display属性：block
none;
inline;
inline-block;

11.表格table

学生表

姓名		班级		学号		性别
李四		二班		001		男

属性：

border:“1”
border-collapse:collapse   合并边框
text-align="center" 文字水平居中

td属性：
rowspan = "3" 单元格合并，行合并，三行合并
colspan = "3" 单元格合并，列合并，三列合并

12.表单

前后台数据交互

类型：text 文本框
password 密码框
radio 单选框
checkbox 复选框
file 文件选择
hidden 隐藏域
submit 提交
reset 重置

标签属性：
placeholder 提示信息
name
readonly 只读
disabled 禁用
value

下拉框：
option
selected
size
name

12.1 form表单

<input type = "radio" name = "gender"> 男
<input type = "radio" name = "gender"> 女
<input type = "radio" name = "gender"> 保密

<input type = "checkbox" name = "hobby"  id =“look”>
<label for = "look"> 看书 </lable> 
<input type = "checkbox" name = "hobby"> 吃东西
<input type = "checkbox" name = "hobby"> 游戏
<input type = "checkbox" name = "hobby"> 睡觉

<select name="xlk" size = “2”>
	<option value = "1">长沙</option>
	<option value = "2">上海</option>
	<option value = "3" selected>重庆</option>
	<option value = "4">无锡</option>

	<textarea name= "text">  </textarea>
	
	<input type = "submit" value="提交">
	<input type= "reset" value = "重置" >
	<input tpye = "button" value = "按钮">
</select>

action 属性规定当前提交表单向何处发送表单数据。
methon = “get” 把数据直接显示在浏览器网址后面
methon = “post” 数据记录在network中
autocomplete=“off” 关闭输入时记录提示

input 属性：checked 默认选中
disabled 禁止选中
requierd 必须填写

label 标签：绑定

select 属性：select 默认选中
size 选中的个数

textarea 属性：resize:none 禁止拉伸 /horizontal水平拉伸 /vertical 垂直拉伸