HTML是网页的结构,CSS是网页的外观,JavaScipt是网页的行为。
HTML是一种超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成。
标题标签
段落标签
图片标签
文本标签
换行标签
html标签特点:
html的标签大部分是成对出现的,少量是单个出现的。
特定标签之间可以相互嵌套,嵌套就是指一个标签里面可以包含一个或多个其他的标签,包含的标签和父标签可以是同类型的,也可以是不同类型的:
<!-- 成对出现的标签 -->
<body>.....</body>
<p>.....</p>
<div>.....<div>
<b>.....</b>
<!-- 单个出现的标签 -->
<br/>
<img src ="..."/>
<input type ="..."/>
HTML基本结构:
html基本结构html块、含样式的标签:
1.div标签 -- 块元素:表示一块内容,没有具体的语义
2.span标签 -- 行内元素:表示一行中的一小段内容,没有具体的语义。
含样式和语义的标签:
1、em标签: 行内元素,表示语气中的强调词
2、i标签: 行内元素,原本没有语义,w3c强加了语义,表示专业词汇
3、b标签: 行内元素,原本没有语义,w3c强加了语义,表示文档中的关键字或者产品名
4、strong标签: 行内元素,表示非常重要的内容
5、sup标签:可定义上标文本
6、sub标签:可定义上标文本
7、del标签:删除字
ul、li标签是表示列表,a标签表示链接,dl、dt、dd表示定义列表等
定义列表通常用于术语的定义。<dl>标签表示列表的整体。
<dt>标签定义术语的题目。
<dd>标签是术语的解释。一个中<dl>可以有多个题目和解释
有序列表和无序列表table常用标签:
1、table标签:声明一个表格
2、tr标签:定义表格中的一行
3、td和th标签:定义一行中的一个单元格,td代表普通单元格,th表示表头单元格
table常用属性:
1、border 定义表格的边框
2、cellpadding 定义单元格内内容与边框的距离
3、cellspacing 定义单元格与单元格之间的距离
4、align 设置单元格中内容的水平对齐方式,设置值有:left | center | right
5、valign 设置单元格中内容的垂直对齐方式:top | middle | bottom
6、colspan 设置单元格水平合并
7、rowspan 设置单元格垂直合并
<form>标签:来定义表单区域整体
表格常用样式属性
border-collapse:collapse设置边框合并,制作一像素宽的边线的表格
就算跌倒,也要豪迈的笑
网友评论