什么是HTML :Hyper Text Markup Language[啷个危机] 超文本标记语言
标记语言:指的是通过一组标签的形式描述事物的一门语言
HTML的作用
可以用来制作页面(静态页面)
根标签:<html></html>
头标签:<head></head>
体标签:<body></body>
空标签:<br/>(其实就是break:)
字体标签:<font></font>
排版标签:
标签属性:
<标签 属性名= "属性值" 属性名="属性值"></标签>
属性:
color属性:字体颜色
size字体大小 取值范围<1-7>
face:字体
<b>:字体加粗
<i>斜体
<u>下划线
<center>[僧特儿]:居中
<hr/> 横的分割线
pre标签:原声标签-----------
图片属性:
alt:图片找不到显示的内容
img:
src:
图片的引用的路径问题
相对路径:
列表标签
有序列表
<ol>
<li></li>
</ol>
type:样式 1/a/i
start:从哪开始
无序列表
<ul>
<li></li>
</ul>:
type:样式 disc 实心点 cirle空心圆 square方块
超链接 <a>
href:链接
targer:打开的方式 [特儿给特]
1 _self :在自身网页打开
2 _blank :新打开一个窗口
3 _parent:特殊情况下 ◆需要去了解
表格标签
table
tr
td
属性
<table border = "1" align = "left">
align:表格水平位置 left:
border:
width:宽
合并单元格
td的属性
colspan="列数"
rowspan="行数"
表单标签:输入信息的页面
HTML的表单标签:<form>
HTML中的表元素:
<input type="text"> 文本
常用属性
name:表单元素的名称,必须有那么属性,然后后台才能接受数据
value:文本框的默认值
size :文本框的长度
maxlength:文本框输入的最大长度
readonly : 只读文本框
<input type="password"> 密码框
<input type="radio" checked> 单选
常用属性
value :单选按钮的默认值
checked:单选按钮默认值
<input type="checkbox"> 复选按钮
<input type="button"> 普通按钮
<input type="submit"> 提交按钮
<input type="reset"> 重置按钮
<input type="file"> 文件上传的表单项
<input type="hidden"> 隐藏字段
<input type="image"> 图片按钮
常用属性
name:表单元素的名称,必须有那么属性,然后后台才能接受数据
value:文本框的默认值
size :文本框的长度
maxlength:文本框输入的最大长度
readonly : 只读文本框
<select>[色儿赖课特] 下拉列表
属性:默认属性
<select>
<option>北京</option>
<option>重庆</option>
</select>
<textarea> 文本域
属性:
cols
rows
★ form
method[麦色儿得]
action[哎可性]
<form action="" method="">
常用属性
action属性:提交的路径 默认提交到当前页面
method属性: 请求的方式 GET和POST 默认的是get
get和post的区别?
get: 数据会显示到地址栏中:GET是有大小写限制
post:数据不会显示到地址栏中,POST方式提交时没 有大小限制
★h5的标签
<input type="email"> 邮箱格式
<input type="date"> 日历
<input type="number"> 数字
<input type="color"> 颜色
|
|