1.html常用标签
1.1结构标签
结构标签 | 描述 | 属性 |
<html> | 根标签 | |
<head> | 头标签 | |
<title> | 页面的标题标签 | |
<h1>-<h6> | 文章内容的标题标签(一级标签到六级标签,字号由小到大) | |
<body> | 主体标签(显示页面的内容) | color(文本颜色)<font color=" ">内容</font> bgcolor(背景颜色)<body bgcolor=" "> </body> background(背景图片) |
<p></p> | 段落标签(进行页面的分段设置) |
1.2排版标签
排版标签 | 描述 | 属性 |
<br/> | 段内换行标签(会保留除空格外的原有文本格式) | |
<pre> | 预留格式标签(可保留文本中原有的格式,如空格和换行) | |
<hr/> | 水平线标签(可在文字下方添加水平线) | width(水平线宽度 像素表示或百分比表示) color(水平线颜色) align(水平线的对齐方式 left center right) |
<!-- --> | 注释标签 |
1.3容器标签
容器标签 | 描述 | 属性 |
<div> | 块级标签(用于排版布局及组合页面元素,结合css分块布局) | |
<span> | 行级标签(组合行内元素,以便通过css样式格式化) |
1.4文字标签
文字标签 | 属性 |
<font> | size(设置字体大小) color(设置字体颜色) face(设置字体) |
1.5列表标签
1.5.1无序列表
无序列表标签 | 描述 | 属性 |
<ul> | 无序列表标签 | type(circle:空心圆) (disc:实心圆默认) (square:黑色方块) |
<li> | 列表项 |
1.5.2有序列表
有序列表标签 | 描述 | 属性 |
<ol> | 有序列表标签 | type:1、A、a、I、i(数字、字母、罗马数字) |
<li> | 列表项 |
1.6图像标签
图像标签 | 属性 |
<img src="文件路径 " alt="图片的文字说明 "/> | src绝对路径(不同网站) 相对路径(同一个网站) |
alt:图片的文字说明 | |
width:宽度 | |
height:高度 | |
border:边框 | |
align:对齐方式(top,middle,bottom) |
1.7链接标签
链接标签 | 属性 |
<a href=" "> | href:跳转页面的地址(链接到本站点;链接到其他站点;虚拟超链接#) |
name |
1.8表格标签
表格标签 | 描述 | 属性 |
<table> | border:边框的宽度 bordercolor:边框的颜色 cellspacing:单元格的边距 width:宽度 height:高度 colspan:列合并 rowspan:行合并 | |
<tr> | 表示每行 | |
<td> | 表示每列 | |
<th> | 表头单元格的列 |
1.9文本化格式标签
文本化格式标签 | 描述 |
<b> | 粗本文体 |
<big> | 大号字 |
<em> | 着重文字 |
<i> | 斜体字 |
<small> | 小号字 |
<strong> | 加重语气 |
<sub> | 下标字 |
<sup> | 上标字 |
<ins> | 插入字 |
<del> | 删除字 |
1.10表单标签
表单标签 | 属性 |
<form> | action:表示动作,值为服务器的地址,把表单的数据提交到该地址上处理,即后端数据接收的数据的文件 |
method:表示请求方式(get/post) | |
enctype:表示表单提交的类型 |
get:
- 地址栏:请求参数在地址后拼接
- 不安全
- 效率高
- 一般用于查询数据
post:
- 地址栏:请求数据单独处理
- 安全可靠
- 效率低
- 一般用于插入修改
1.10.1input标签
type属性 | 取值 | 是否设置name属性 |
text:文本框 输入明文内容 | 需要 | |
password:密码框(以*显示) | ||
radio:单选框(name必须一致)checked="checked"表示选中 | ||
checkbox:复选框(name可以不同)checked="checked"表示选中 | ||
submit:提交按钮 | 不需要,但要使用value属性 | |
reset:重置按钮 | ||
image:图片提交按钮 | ||
button:普通按钮 | ||
hidden:隐藏域(不清楚的显示在界面上) |
1.10.2 select元素
<option selected="selected">内容</option>
1.10.3 textarea元素
<textarea rows="行数" cols="列数">提示性文本</textarea>
1.11框架结构标签(定义如何将窗口分割为框架)
框架结构标签 | 属性 |
<frameset> | <row>(规定每行占据屏幕的面积) |
<columns>(规定每列占据屏幕的面积) |
注:不能将<body>标签与<frameset>标签同时使用
1.12框架标签<frame>(定义放置在每个框架中的html文档)
1.13一些特殊字符
< 小于号
> 大于号
& 与字符
" 引号
® 己注册
© 版权
™ 商标
空格
2.认识浏览器(shell+内核)
2.1定义
浏览器是网页运行的平台(IE(运行速度慢,不常用),Firefox,Chrome等)
2.2组成
组成结构 | 作用 |
用户界面 | 除了主窗口显示请求的页面以外,其他部分都属于用户界面 |
浏览器引擎 | 在用户界面和呈现引擎之间传送命令 |
呈现(渲染)引擎 | 负责取得网页内容,解析HTML与css内容,然后进行渲染呈现 |
js引擎 | 解析js语言,执行js语句实现网页的动态效果 |
网络 | 用于网络调用,如发起http请求,其接口与平台无关,并为所有平台提供底层实现 |
用户界面后端 | 用于绘制基本的窗口小部件,公布了与平台无关的接口,在底层通过调用工作系统的页面方法进行绘制 |
数据存储 | 持久层,浏览器需要在硬盘上存储数据 |
2.3浏览器呈现过程