表签名字:
标签:标记,元素
基本语法:
<标签名>
<标签名 属性=“属性值”>
属性:可以有多个,属性没有先后顺序
分类:
单标签(空标记):<标签名>
双标签(常规标记):<标签名></标签名>
XHTML:可扩展的超文本标记语言
Html:超文本标记语言
XHTML和html区别:
1:XHTML严格区分大小写,建议小写
2:XHTML必须有结束的标志符/
3: Xhtml必须正确嵌套
常用标签:
1:标题标签:h1-h6
特点:
H1-h6字体越来越小,越来越细,独占一行,默认间距
应用场景:
用来加载页面标题
2:段落标签:p—
特点:独占一行,有间隙
3:常用标签:
Span-----
特点:一行显示多个
应用场景:
一行显示多个,设置其中某一个的样式,无间隙
Div----
特点:独占一行
应用场景:布局标签
4:加粗标签:(特点:加粗,一行显示多个)
b 强制加粗
Strong(强调)
5:倾斜标签:(特点:倾斜,一行显示多个)
i
Em(强调)
扩展
下划线
删除线
删除线
下标
上标
6:换行标签:br 单标签
7:水平线 hr
特点 width属性设置 自带边框
8:超链接跳转路径问题
百度一下
1:当前文件和跳转页面在一个目录(文件夹)一下,路径:直接写跳转页面的名字
2.当前文件和跳转页面的文件夹在同一个目录下:路径:文件夹名/跳转页面名字;
3:跳转页面在当前文件的上一个目录下:路径:…/文件的名字
转义字符:
空格: (backspace)
<:<(little)
: >(great)
版权:©(copyright)
加载图片标签:
Img
属性:
A:Src:加载图片路径
路径三种情况:
1:当前文件和图片在同一级目录下,
路径:直接写图片名字
2:当前文件和图片所在文件夹是在同一个目录下,
路径: 图片所在的文件夹名/图片文字
3:图片在当前文件的上一级目录,
路径:…/图片名字
B:title:鼠标移入图片,提示信息
C:alt:图片加载失败的时候(网速慢,图片加载失败各种原因)提示信息
列表:
A:无序列表:
基本语法:
特点:
列表符号默认是小黑点。
Ul----独占一行的
Li----独占一行的
B:有序列表
特点:
Ol—独占一行
Li–独占一行
列表符号默认1234.。。
属性:
Type—添加给ol:改变列表符号样式 a/A/i/I
Start:----列表符号开始的数字
应用:热门点击、排行榜
自定义列表:
-
加载图片或者标题
- 加载内容
表格标签:table
行表单:
1.form
2:文本框:input type=“text” placeholder="表单的提示信息“ value=“输入的值”
3:密码框:input type=“password” placeholder="表单的提示信息“ value="输入的值”
4:按钮:input type=“submit” value=“显示的内容”
input type=“reset” value=“显示的内容”
input type=“button” value="显示的内容“
botton
form属性
form action=“提交的地址” method="提交方式(post/get)
表单控件都需要name属性
get和post区别
1.get获取数据,post提交数据
2.get地址栏传输数据
3.get不安全,post比get安全
4.get传输的数据有限制.post无限制
5.get和post在后台接收数据方式不一样