1, html的简介
*什么是HTML?------超文本标记语言,网页语言
**超文本:超出文本的范畴
**标记:HTML所有的操作都是通过标记实现的,标记就是标签<>
**网页语言:
--html文件后缀是.html 或者是.htm
**直接通过浏览器访问文件地址就可以打开。
HTML规范:
1, 一个HTML文件都有一个开始和一个结束的标签
----<html> </html>
---HTML包含两部分
<head>设置相关信息</head> 头 <bady> 显示的内容都写在这里</bady> 体
---HTML有开始也有结束标签
---有一些标签并没有结束标签 比如<br/>换行
HTML操作思想
网页中又很多数据,不同的数据需要不同的显示效果,这是需要使用标签,用标签将数据包装起来,然后通过使用修改标签的属性值来修改数据的显示形式。
一个标签相当于一个容器。
HTML中常用的标签
1 文字标签 <font>
属性 *size 文字大小 取值范围1-7
* color文字颜色 1 英语单词 red blue black yellow
2 使用十六进制数表示 #加上六位十六进制数表示
2 注释标签
<!--> < -->
3 标题标签
<h1> </h1> ….. <h6> </h6> 以此变小,自动换行
4 水平线标签
<hr size = 1-7 color = red></hr> 属性 *size 粗细
*color 颜色
6 列表标签**
<dl></dl> 列表的范围
<dt> </dl> 上层内容
<dd> </dd> 下层内容
有序列表标签:
1) <ol> </ol> 有序列表的范围 ,有属性 type 可以取 1,a,i
2) Ol里面的标签<li> 具体内容</li>
无序列表标签
1) <ul> 列表范围 </ul> 属性type 空心圆 circle,实心圆 disc(默认) ,实心方框 square
2) <li> 列表内容 </li>
7 图片标签
<img src=”图片路径”/>
--属性: width 宽 height 高 alt 图上的文字—需要把鼠标停留在图片上
--路径的介绍
绝对路径----str=”图片的完整的地址”
相对路径:1 图片与文件在同一个目录,直接用文件名就可以了
2 图片在文件的同层目录的下层目录中,可以用 文件名\...\图片名
3 图片地址在文件的上层目录中可以使用 ../../\图片名
8 超链接标签
--*链接标签
<a href=”转到的路径”> 显示在页面上的内容</a>
--href 转到的路径 当设置为 #时候什么也不打开什么也不写的话默认打开文件夹
--target 设置打开的方式默认当前页打开
*_blank : 在新窗口打开
--_self : 当前页打开 (默认)
9 定位资源
<a name=”top”>定位</a> 定位
<a href=”#top”> 回到顶部</a> 回到所定的位置
10 表格标签
<table></table>: 表示表格的范围
Table 里面有 <tr> </tr> 属性: align 取值 left center right 对齐方式
Tr 里面有<td> </td> 属性: align 取值 left center right 对齐方式
<th></th> 与td 区别是可以加粗字体并且居中
--首先定义一个表格的范围使用table ,定义一行使用 tr 在每一行里有单元格使用td
颜色
<tableborder="1" width= "555" heigh ="333" bordercolor= "red " cellspacing="0">
宽 与高
单元格取消框
粗细
表格标题标签<caption>标题内容</caption>
合并单元格
--跨行 :rowspan
--跨列 :colspan