1、html(hypertext markup language):超文本标记语言;
由很多的具有特殊含义的标记对组成,浏览器会根据不同的标记来展示出对应的样式。
2、标记的规范:
1)html标记都是预定义好的,不能自定义
2)标记要成对出现,前面的叫开始标记<符号>,后面的叫结束标记</符号>
3)标记一定要正确的嵌套
4)标记不区分大小写
3、html结构:
<html>
<head>
</head>
<body>
</body>
</html>
<html>与</html>之间的文本描述网页。
<head>与</head>之间的文本是网页头信息
<titlel>与</title>之间的文本是网页的标题
<body>与</body>之间的文本是可见的页面内容
<h1>与</h1>之间的文本被显示为标题
<p>与</p>之间的 之间的文本显示为段落
<!-注释的内容-->
4、标签的属性:
<body bgcolor=“red”>
</body> 页面背景颜色显示为红色
HTML中颜色三种表示方式:
16进制代码:bgcolor=#ff0000;
rgb(r,g,b):rgb(255,0,0)或rgb(100%,0%,0%)
颜色关键字:bgcolor=red
字符级标签:
<B>……</B>将文本显示为粗体
<I>……</I>将文本显示为斜体
<U>……</U>在文本下加下划线
<SUP>……</SUP>将文本显示为上标
<SUB>……</SUB>将文本显示为下标
例:
<html>
<head>
<title>第一个网页</title>
<head>
<body>
2<sup>3</sup>=8</br>
x<sub>4</sub><br>
<u> 重点</u>
</body>
</html>
5、常用的标签
段落标签:由标记<P>定义一个新段落
必须在结束段落级标记之前结束字符级标记
既可以使用成对的<P>标记来包含段落,也可以使用单独的<P>标记来划分段落
段落的开头有空格
图像标签:图像由<img>标签定义
属性:SRC 图像的源文件
ALT 提示文字
WIDTH、HEIGHT 宽度、高度
BORDER 边框
VSPACE 垂直间距
HSPACE 水平间距
ALIGN 水平对齐方式
表格:表格由<table>标签来定义
行使用<tr>标签定义
每行被分割为若干单元格,由<td>标签定义
表格的标题有<th>定义 定义表格内的表头单元
常用属性:border 边框
width:
CELLSPACING 属性定义单元格之间的间距(以像素为单位)
CELLPADDING 属性定义表的单元格边界与单元格内容之间的间距 (以像素为单位) 。
<caption>表格名称</caption>
a标记:<a href="html1.html"> </a>
超链接;
使用超链接可以指定不同的资源(html,jpg,rar等所有文件),如果浏览器可以打开此 类型,那么在浏览器显示,否则将会下载;
通过超链接,可以打开一个新网页,也可以定位到某个网页的特定位置,还可以定义 到当前网页的某个位置;
路径问题;相对路径和绝对的URL;
URL:统一资源定位器; 通俗来说,就是网址;
相对路径: 与当前路径相关;
target: 打开网页的目标位置;
target:"_self":当前页面打开,当前被覆盖;
target:"_blank":在一个新的空白页中打开
锚点设置:(跳转到某一特定位置) <a name="maodian">hello锚点</a>
<a href=#maodian> 锚点</a> 跳转到自身的锚点位置
<a href="first.html#maodian">跳转到另一个页面的锚点位置
6、表单元素:
表单:是一个容器,可以将多个表单元素(文本框,密码框)从逻辑上形成一个统一的整体;
<form action="" method="">
</form>
表单的组件:
文本框 :<input type="text" name=" ">
单选框 :<input type="radio" name=" " value=" " checked> checked表示默认选中
复选框:<input type="checkbox" name=" " value=" " checked>
口令框:<input type="password" name=" " >
提交按钮:<input typr="submit" name=" " value=" ">
重置按钮:<input type= “reset" name= " " value= “ " >
下拉列表 :<select name=" " >
<option value=“cat”>你选了小猫</option>
</select>
multiple="multiple" 设置或返回是否可有多个选项被选中
滚动列表 :设置下拉列表的size属性 <Select name=" “ size=3>显示3个
<TextArea> :ame= "ilovethisgame" Rows= "4" Cols= "20" > </TextArea>
7、框架:框架将 Web 浏览器分成多个不同的区域,每个区域都可以显示独立、可滚动的页面。frameset和body平级 不能将frameset放在body里
<FRAMESET COLS="50%,*">
<FRAME SRC=x.html>
<FRAME SRC=y.html>
</FRAMESET>
rows (行)
cols(列)
它们定义了文档窗口中框架或嵌套的框架集的行或列的大小及数目
… FRAME 元素的属性:
Name 指定框架的名称
Src 指定该框架放置的初始文件的位置
Noresize 框架窗口的大小不能调整
Scrolling 指定框架窗口的滚动模式
Auto—在需要时提供滚动模式
Yes—始终提供滚动模式
no—不为窗口提供滚动条
Frameborder 设置框架的边框
Marginwidth 指定框架内容的左右边距
Marginheight 指定框架内容的上下边距
框架嵌套: