HTML:最基础的网页开发语言
Hyper Text Markup Language(超文本标记语言)
超文本：使用超链接的方法，将各种不同空间的文字信息组合在一起形成的网状文本
标记语言：
由标签构成的语言<标签名称> html xml jsp
标记语言不是编程语言
Html的语法：html文档的后缀名–.html .htm
标签分类：
围堵标签：<html><html/>
自闭标签：<br/> 单一标签 <hr/>
标签可以嵌套：
嵌套的规则-->按照成对成对的嵌套<a><b><b/><a/>
属性的定义：在开始标签中可以进行属性的定义，属性是由键值对构成，值使用单引或者双引号进行说明属性的规则
html中不区分大小写，但是建议使用的是小写配对规则
`<html>
<head>
<title>title</title>
</head>
<body>
<FONT color='red'>Hello World</font><br/>
<font color='green'>Hello World</font>
</body>
</html>`
标签的学习：
1.文件标签：构成html最基本的标签
html—>文档的根标签
head–>头标签，用于指定html文档的一些属性，应用外部资源
title–>标题标签，文档的标题的标签
:html5中定义该文档是html文档（声明）
2.文本标签：和文本有关的标签
注释
标题标签：h1-h6 字体逐渐减小
段落标签：
换行标签：
分割线标签：
属性：
color：颜色
width:宽度 px % 两种形式
size:高度
align:对其方式
center left right
字体加租：
字体斜体：
字体标签：
文本居中：
属性：
color 颜色
size 大小
face 字体
属性的定义：
color:
1.英文单词 red green
2.rgb(值1，值2，值3) 0~255
3.#值1 值2值3 00~FF之间
width:
1.数值：width='20px' 默认是px(像素的意思)
2.数值%:占相对于*父元素*的比例（一般用于文档的展示）
图片标签：
img:展示图片
属性：src:指定图片的位置
ol
li:有序列表
ul
li:无序列表
a:定义为一个超链接（图片，文字，html文档等均可以作为超链接进行指向资源）
href:统一资源定位符，指向资源的URl
target:指定资源的打开方式
_self:本窗口打开
_blank:在新的窗口打开
div和span
div :每一个div占满一整行，块级标签
span:文本信息在一行展示，行内标签，内联标签
语义化标签：html5中为了提高程序的可读性，提供了语义化标签
表格标签
table:定义表格
width：宽度
border:边框
cellpadding:内容和单元格的距离
cellspacing:单元格之间的距离
bgcolor:背景色
align:对其方式
tr:行
bgcolor:背景色
align:对其方式
td:单元格
clospan:合并列
rowspan:合并行
th:定义表头单元格
bgcolor:背景色
caption:表格标题
thead:表格头部分
tbody:表格体部分
tfoot:表格脚部分
表格的写法`
<table align="center" border="1" cellspacing="0">
<caption>学生成绩表</caption>
<!--表头-->
<tr align="center">
<th>编号</td>
<th>姓名</th>
<th>性别</th>
<th>成绩</th>
</tr>
<!--第一行-->
<tr align="center">
<td>1</td>
<td>小龙女</td>
<td>女</td>
<td>100</td>
</tr>
<!--第二行-->
<tr align="center">
<td>2</td>
<td>杨过</td>
<td>男</td>
<td rowspan="2">70</td>
</tr>
<!--第三行-->
<tr align="center">
<td>3</td>
<td>金轮法王</td>
<td>男</td>
</tr>
<!--第四行-->
<tr align="center">
<td>总成绩</td>
<td colspan="3">170</td>
</tr>
</table>
</body>
1296
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
