HTML全称是超文本标记语言(Hyper Text Markup Language),HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。标记(Markup)无法直接显示,用于框定HTML文件的结构,能够被浏览器识别。
HTML页面的骨架
html,head,body,title组成了html的骨架,要记住所有的标记都是小写字母
DOCTYPE指明了HTML的标准是HTML4.01还是XHTML还是HTML5
标记的分类
注释
写给人看的内容,浏览器会忽略。,快捷键:Ctrl + /
双标签
有一个开始标签,还有一个结束标签
单标签
只有一个开始标签,开始标签的结尾可以什么都没有,也可以有一个 /
标记的关系
父子关系
兄弟关系
常用标记
标题标记( 双标签,有语义)
我是标题1
我是标题2
我是标题3
我是标题4
我是标题5
我是标题6
段落标记(
水平线标记(
单标签)
换行标记(
单标签)
布局标记(没有语义)
不独立一行
文本格式化标记
strong b
em i
del s
ins u
b,i,s,u是HTML4标准中的,给文字加样式的,不带有语义。strong,em,del,ins是XHTML标准中,HTML5兼容,带有语义的,表示强调。
图像标记( 单标签)
属性(key):attribute
在开始标签里
形式:key=”value”,tips:没有空格,用双引号,全小写字母
如本页面:
链接标记( 双标签)
a标中可以放置图片等非文字元素
属性:
链接标记 href:绝对路径,相对路径,#标示空链接
target:_self自己,缺省,_blank 开新页面
锚点定位:
特殊字符
空格
小于号 <
大于号 >
& &
abc abcd
aaaa
列表标记(有语义)
无序列表 ul li (ul中只能有li)
有序列表 ol li
自定义列表 dl dt dd
表格标记(
双标签)tr:表示一行
td:表示一列 (HBuider快捷键 tr*3>td*4 3行4列)
table里面必须是tr,tr里面必须是th或者td,然后th或者td里面放东西,类似ul li和dl dt dd
属性:
border:(表格的边框(缺省0)) 概念:外部的是table的边框,里面的是cell边框
cellspacing:table和cell之间的空白(缺省2)
cellpadding:cell和内容之间的空白(缺省1)
width:表格宽度
height:表格高度
align:表格水平的对齐方式(缺省left,可选center,right)
表格标题以及表头:
表格的题目表头单元格的合并:
表格的横向合并:一行中,把几个单元格合成一个单元格
1.找到左上cell的行数和列数
2.几个单元格合并
3.”左上cell”对应的td,td加属性:colspan=合并数
4.把已经被占位的cell对应的td删除
表格的纵向合并:一列中,把几个单元格合成一个单元格
1.找到左上cell的行数和列数
2.几个单元格合并
3.”左上cell”对应的td,td加属性:rowspan=合并数
4.把已经被占位的cell对应的td删除
表格的多行多列合并
1.找到左上cell的行数和列数
2.几行合并,几列合并
3.”左上cell”对应的td,td加属性:rowspan=行合并数 colspan=列合并数
4.把已经被占位的cell对应的td删除
input标记()
属性:
name value size checked(初始缺省) maxlength(最多输入字符数)
type:
text(单行的输入文本框)
password(单行的输入密码框)
radio(单选按钮)
checkbox(复选框)
button(按钮)
submit
reset
image
file(文件提交)
label标记()
将文字和控件关联起来
属性:for
textarea标记
select标记
form标记(表单域)
属性:action method
本站技术原创文章,是由作者:常春 创作,如若转载请注明原文及出处:https://www.aiyouseo.com/jianzhan/1476.html