<b>你好 字体加粗 <i> 我好 斜体 <u>她也好 下划线 <s>大家都好 横线
标签分类两类: html标签:超文本标记语言,就是标记用的。
内敛标签(行内标签):不独占一行 ,内敛标签只能嵌套内敛标签 <b> <i> <u> <s> button span img
块级标签(行外标签):自己独占一行,可以嵌套内敛标签和某些块级标签 h1--h6 br hr(横线隔开) <p>(段落标签) div
p标签:不能嵌套p标签,也不能嵌套块级标签
换行标签 <br>
<div> 不占一行,没有任何其它效果 白纸上画画
<span> 不占一行,没有任何效果
<img src="12.jpg" alt="sdadsas">
img标签:
属性 src=‘图片路径’ 网络地址的绝对路径本地相对路径
alt=‘xxx’ 描述当图片没有下载下来的时候显示的描述
title=‘xxx’ 当鼠标停留的时候显示描述
width=‘xx’ 宽度为多少像素
height=‘xx’ 高度为多少像素
<img src="1.jpg" alt="sdadsas" title="美女" width="200" height="200">
a标签: <a href="https://www.baidu.com" target="_blank">百度</a 属性 href : 超链接地址
target:是否新建窗口 _blank (新窗口) _self(当前窗口)
列表标签 ul 无序列表
属性
disc 实心圆点 默认值
circle 空心圆圈
square 实心方块
none 无样式
1 <ul type="circle"> 2 <li>太白</li> 3 <li>alex</li> 4 <li>景女神</li> 5 </ul>
ol 有序列表
属性 type 1数字列表,默认值
A大写字母
a小写字母
I 大写罗马
i小写罗马
start=‘1’ 起始位置从几开始
1 <ol type="A"> 2 <li>大壮</li> 3 <li>wusir</li> 4 <li>alex</li> 5 </ol>
标题列表
1 <dl> 2 <dt>菜单</dt> 3 <dd>b哥炒鸡蛋</dd> 4 <dt>菜单2</dt> 5 <dd>水煮李帅</dd> 6 7 </dl>
空格: 1 <dt>菜 单</dt>
大于号小于号: 1 <dd>b哥<炒>鸡蛋</dd>
表格标签
1 <table border="1" cellpadding="10" cellspacing="20"> 2 <thead> 3 <tr> 4 <td>姓名</td> 5 <td>年龄</td> 6 <td>爱好</td> 7 </tr> 8 </thead> 9 <tbody> 10 <tr> 11 <td>B哥</td> 12 <td>40</td> 13 <td>炒鸡蛋</td> 14 </tr> 15 <tr> 16 <td>大壮</td> 17 <td>38</td> 18 <td>抽烟喝酒烫头</td> 19 </tr> 20 <tr> 21 <td>雪飞</td> 22 <td>18</td> 23 <td>大壮</td> 24 </tr> 25 </tbody> 26 </table>
cellpadding: 文字和内边框的距离
cellspacing: 内边框和外边框的距离
border: 边框的宽度
input标签:用户输入
type 属性:控制输入框的样式的
name属性:分组,携带数据的key key:value
value:选择框提交数据的值,输入框的默认值
submit:提交按钮 value改按钮的名字 button按钮也可以
date:日期输入框
CheckBox:复选框
radio:单选框
reset:重置按钮
hidden:隐藏输入框
file:文本选择框
checked默认选中
1 <input type="radio" name="sex" value="male" checked>男 2 <input type="radio" name="sex" value="female">女 3 <input type="checkbox" name="hobby" value="1">喝酒 4 <input type="checkbox" name="hobby" value="2">抽烟 5 <input type="checkbox" name="hobby" value="3">烫头
readonly设置为只读 针对的是输入框 text password
disabled 不允许操作 所有的input都可以设置
设置了readonly的标签,它的数据可以被提交到后台,设置了disabled的数据,是不能提交到后台
1 用户名:<input type="text" name="user" value="admin" readonly> 2 密码:<input type="password" name="password" disabled>
select 标签:放在form标签里面使用
1 <select name="city" multiple> 多选 2 <option value="1" selected >上海</option> 3 <option value="北京">北京</option> 4 </select>
属性:multiple : 布尔属性,设置后为多选下拉框,否则默认单选
disabled : 禁用
selected : 默认选中该项
value : 定义提交时的选项值
label标签:
1 <label for="username">用户名</label> 2 用户名:<input id="username" type="text" name="user" value="admin" readonly> 3 <label> 4 密码:<input type="password" name="password" disabled> 5 </label>
两种方式。 for:执行对哪个标签进行标识 效果:点击lable标签中的字,就能让标识的标签获得光标
textarea: 多行文本
属性:name:名称
rows:行数 相当于文本框的高度设置
cols : 列数 相当于文本框长度设置
disabled : 禁用
form 表单 form表单触发提交数据的操作:submit button 必须卸载表单的里面
1 <form action="http://127.0.0.1:8001"> 2 用户名:<input type="text" name="user"> 3 密码:<input type="password" name="password"> 4 <input type="radio" name="sex" value="male">男 5 <input type="radio" name="sex" value="female">女 6 <input type="checkbox" name="hobby" value="1">喝酒 7 <input type="checkbox" name="hobby" value="2">抽烟 8 <input type="checkbox" name="hobby" value="3">烫头 9 <input type="submit"> 10 </form>
action 指定数据提交路径