Css--层叠样式表
控制网页样式。
Internet存放网页的计算机称为web服务器
常见的web服务器
Apache:使用排名第一web服务器。
Tomcat:开源免费的一个服务器,Apache的一个基金会项目。
Jboss:web service容器,ejb的容器。
IIS:internet信息服务器。微软主推的一个服务器。
WebLogic:开发、管理、部署一些大型的web应用。分布式的服务器。
HTML超文本标记语言。
<!DOCTYPE HTMl>解析语言。声明当前html的版本
<html>
<head>
<title>Show web<title>
<meta chars = “utf-8”>
<body>
<p> firest boold <p>
<body>
<head>
<html>
1什么是html
本质上是一种描述网页的语言
Html超文本标记语言。Hypertext markup language
属于标记语言,不属于编程语言。(xml)
Html文档也称为web网页。
2.html标签的含义
a) 第一个标签是喀什标签,第二个标签是结束标签,不是所有的标签都需要结束。自开闭标签
b) Himl注意格式规范。必须成套出现。
c) Html标签最好区分大小写。
3.<!doctype Html>
a) 主要申明网页的版本以及网页应该遵循的规范,有助于浏览器显示网页
b) 网络上有各种不同类型的文件,浏览器都可以正确的打开。如果能够正确声明html,那浏览器就更加准确的解析。
c) DOCTYPE 后面的内容 不区分大小写。
4.meta
a) Meta不需要闭合的标签。提供html的元元素,元元素不会显示出来,只会被浏览器解析。
b) 除了设置当前编码集以外,还可以设置网页的关键字。网页的描述信息、作者的信息。
c) 设置关键字<meta name = “description” content = “this is meta ”>,设置关键字keywords,设置作者author。
4.body内容
a) 标题
b) 注释<!--注释内容-->、<p id = “1”> 标签加id
c) <p></p>段落标签
d) 超链接
<a href = “www.baidu.com”>百度</a> 跳转到本页加”#”
e) 通过a 标签设置,锚点,一个a标签设置name属性,一个a标签跳转到当前name属性对应的值。
f) Img图片标签。可以自开自闭的标签 <img src = “xxxx.jpg”/>路径加格式------------------设置图片大小<img src = “xxxx.jpg” width=”200px” height =”300px” title =”桌面” alt=”这是xxxx 图片提示”/ >
g) ../表示上一级目录。
h) </br> 换行。自开闭标签。浏览器会把换行和空格解析所以使用该标签。
i) <hr>----分隔线。<hr width = “100px”/>自开闭空间。
j) <abbr>用来表示缩写文字。<abbr title = “zhonguo”>zg<abbr/>
k) <address>表示文档作者的信息。<address>...........................................<address/>
l) 定义粗体标签 <b>粗体</b> <strong >粗体</strong>
m) 高亮标签 <mark>xxxxxxxx</mark>
n) 斜体强调 <em></em>
o) <dbo dir=”rtl”>asdadadadasd</dbo> 文本方向
p) 斜体突出 <p>this <i>is</i> dog</p>
q) <ins>定义已经被插入文档中的文本 <p>不要<del>删除的内容</del>只要<ins>新内容</ins></p>
r) 可定义预格式化的文本 <pre> zadadasdfgerw <pre>
s) q标签 表示引用 <q>引用内容</q>
t) u标签 <u>内容</u> 加下划线。
Html表单
什么是表单?-
1.是包含表单元素的区域--用来和用户交互
2.
<form html5.html action=””>在表单中书写内容 action表示当前获取到值后,提交到服务器。
<input type = “text” name=”” id =” ” readonly =”readonly” disable = “disable”>文本框 readonly只读 disable 禁用。
<input type = “password” maxlenth = “10” placeholder = “密码”>密码框 maxlenth最大长度
<Lab> 文本内容</lab>
Value 赋初始值
Textare 文本域
<button ><btton/> 按钮
Input type = “botton” value “修改”
Input type = “reset” value = “重置”
Input type = “rsubmit” value = “提交”
</form>
下拉框
<select name =”” id =”” size = “3” multiple = “multiple”> size 表示显示行数 multiple表示可以多选。
<Option>1</option>
<Option>2</option>
<Option>3</option>
<Option>4</option>
<Option>5</option>
</select>
<Fieldset> 区域
<legend>xxxx<legend>
</Fieldset>
单选按钮 --Radio
<Input type =”radio” name=”1组”>
Input type =”radio” name=”1组”
多选按钮--
<Input type =”checkbox”>
<Input type =”checkbox”>
<Input type =”checkbox”>
iframe框架
<iframe src = “form.html”>
</iframe>
表格
<Table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
Thead tbody tfoot 语义化标签,有利于搜素引擎查询,可以快速定位内容。
Th 表示表头,自动加粗内容加粗