1.介绍
HTML是超文本标记语言。其中标签分为单标签和双标签。
2.标题标签header
<h1> </h1>
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6>
3.段落标签
<p> </p>
特殊符号:
大于号:>
小于号:<
空格:
空白: 
版权符©:©
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 垂直拉伸