1.常见的web服务器
Apache:世界上使用排名第一的web服务器
Jbss:web service容器
TomCat:一个免费开源的服务器,Apache的一个基金会项目
IIS:Internet信息服务,微软主推的一个服务器
WebLogic:开发部署一些大型的web应用,分布式的服务器
2.什么是HTML
HTML本质是一种描述网页的语言
HTML是一种超文本语言
HTML属于标记语言,不属于编程语言
HTML文档也称为web网页
3.html标签的含义
(1)<!DOCTYPE HTML>声明文档类型,表示规范了当前网页版本,严格模式
作用:a.主要用来声明网页的版本,以及网页应该遵循的规范,声明有助于浏览器正确显示网页
b.网络上有各种不同类型的文件,浏览器都可以正确的打开,如果能够正确声明html,那浏览器解析就更加准确
c.DOCTYPE:html不区分大小写,但本单词需要大写
(2)<html></html>声明主体,
<title></title>浏览器网页标签标题,一般都成对出现
(3)<meta charset=”utf-8”>设置字节码,不需要闭合的标签,提供html的元元素,元元素不会显示出来,只会被浏览器解析,meta标签除了设置编码集以外,还可以设置网页关键字,网页描述信息,作者信息
<meta name = “description” content="">网页描述
<meta name=”keywords” content=” ”>网页关键字
<meta name=”author” content=””>网页作者
<body>网页看到的内容都写入这里面
(4)<html></html>,第一个标签是开始标签,第二个标签是结束标签,不是所有的标签都要结束,自开闭标签不需要结束,html注意格式规范,非自开闭标签需要成对出现,html标签最好区分一下大小写
(5)<h1>~<h6>定义标题,大小从1-6从大到小,标题标签
(6)<p></p>表示段落,段落标签,标签都可以设置唯一ID,如<p id=”p1”></p>
(7)<!—xxxxx-->注释 ctrl+shift+/
(8)<a></a>超链接标签<a href=”www……”>百度</a>,#号表示跳转到本页,通过a标签设置锚点,需要两个a标签,一个a标签设置name属性,一个a标签跳转到当前name属性对应的值
(9)<img src=”路径” width=宽度 height=高度 title=设置图片提示 alt=图片未加载时用来描述>src=“../img”,其中../表示回到上一级目录
(10)换行标签</br>
(11) ;表示空格
(12)<abbr>缩写标签<abbr title=”zhongguo”>zg</abbr>
(13)<address>定义作者标签
(14)粗体<b></b>
(15)粗体<strong></strong>优先选择
(16)<mark></mark>高亮,标记标签,默认黄色
(17)<em></em>斜体,表示突出强调
(18)<bdo></bdo>覆盖文本默认的方向从左开始ltr 从右开始rtl
(19)<i>标签:斜体,显现文本斜体</i>
(20)<ins></ins>标签定义已经被插入文档中的文本,增加下划线
(21)<del></del>添加删除线
(22)<pre></pre>可以定义预格式化的文本,保留空格和换行符
(23)<q></q>定义一个短的引用,替换引号
(24)<u></u>添加下划线
4.HTML表单
(1)<form></form>表示当前是一个表单区域
A.表单是包含表单元素的区域
B.表单元素是允许用户在表单中输入信息得元素,写入form标签内
(2)<input type=“text/password” name=“把输入的数据交给后台会用到name属性” id=“唯一”>
A.readonly=“readonly”只读
B.disabled=“disabled”禁用,无法修改copy
C.maxlength=“6”设置最大长度
D.placeholder=“文本框内默认提示,不占用空间”
E.value=“默认值”
(3)<textarea></textarea>文本域,可自助伸缩,cols列,rows行
(4)<button></button>按钮
(5)<input type=“button”value=“修改”>按钮
(6)<input type=“reset” value=“重置”>重置输入按钮
(7)<input type=“submit” value=“提交”>提交给服务器输入框的值,放入表单中才能触发效果
(8)<form action=“”method=“get”>action表示当前保单获取到的值提交给服务器的地址,method表示提交方式
(9)<select></select>表示下拉框,可以定义<option></option>添加下拉框元素,size属性可以默认展现多行,multipe=“multipe”表示可以多选
(10)<fieldset>
<legend>登录</legend>
</fieldset>
(11)单选按钮
<input type=“radio”name=“”>name属性相同,就分成同一个组,就可以单选了
(12)多选按钮
<input type=“checkbox”>
(13)内联框架<iframe src=“” name=“if”></iframe>,可以通过target=“if”,使界面在iframe中显示,frameborder=“1”表示边框粗细
(14)<link>标签,引入css样式
(15)表格<table></table>,border=“1”表示有边框,0表示没有
<tr></tr>表示行,<td></td>表示列
语义优化标签,有利于快速定位内容,有利于搜索引擎查询
<thead></thead>表头
<tbody></tbody>表体
<tfoot></tfoot>表尾
<th>默认表头居中,加粗,用于表头
Colspan=2占两列单元格位置
Rowspan=2占两行单元格位置
<colgroup>控制列样式