初探HTML

一.常见的Web服务器

1. apache:世界上使用排名第一的服务器。
2. jboss:web service的容器。ejb的容器。
3. tomcat：开源免费的一个服务器，同时是一个apache的基金会项目。
4. IIS：Internet information service是微软主推的服务器。
5. webLogic：开发、管理、部署一些大型的web应用。分布式的服务器。

二.网页的分类

1. 静态网页
2. 客户端动态网页
3. 服务器端动态网页

三.什么是HTML

1. html本质上是一种描述网页的语言
2. html称为超文本标记语言。全称叫Hyertext markup language
3. html属于标记语言，不属于编程语言。xml也是一种标记语言
4. html文档也称为web网页。

四.HTML标签的含义

1. 第一个标签是开始标签，第二个标签是结束标签，但不是所有的标签都需要结束。自开闭标签
2. html注意格式规范。必须成套出现。
3. html标签最好区分大小写。

五.

1. 主要用来声明网页的版本以及网页应该遵循的规范。声明有助于浏览器正确地显示我们的网页。
2. 网络上有各种不同类型的文件，浏览器都可以正确地打开。如果能够正确声明html，那浏览器解析就更加准确。
3. DOCTYPE：后面的声明内容不区分大小写。

六.meta

1. meta不需要闭合的标签。提供html的元元素，元元素不会显示出来。只会被浏览器解析。
2. meta标签除了设置编码集以外，还可以设置网页的关键字。网页的描述信息。作者的信息。

七.HTML常用标签

1. 标题h1-h6

<h1>这是一个标题</h1>

1. 段落标签 p

<p id="p1">Hello World</p>

1. HTML链接、锚点 a

<a href="www.baidu.com">百度</a> 

通过a标签设置锚点，一个a标签设置name属性，一个a标签设置跳转到标签的值
4. HTML图像img标签

<img src="" alt="" height="px" widht="px" title=""/>

src代表当前图片的路径，alt代表图片没有刷新出来时的文字描述，title代表当鼠标移动到图片上时出现的文字。
5. 元素的内容，浏览器会把空格和换行解析了，想要换行必须使用br。
6.空格：&nbsp；
7.分割线：hr

八.HTML格式标签

1. 缩写标签abbr
2. 粗体b/strong优先选择strong标签
3. 强调 em
4. del和ins

    <p>价格<del>998</del><ins>298</ins></p>

前面的del中间有一道横线i，代表是过时的价格，后面的ins代表刚刚添加的价格
5. pre预定义格式块，插入的文本可以保持曾经的格式

<pre>int a = 123;String name ="王五";</pre>

1. 短引用 q
   7.下划线u

九.HTML表单

1. 表单是一个包含表单元素的区域。
2. 表单元素是允许用户在表单中输入信息的元素。

<form action="DFDF@()u" method="">

action代表数据要提交到的地方，

十.表单元素

1. 文本框

<input type="text" name="food" id="inp" readonly="readonly" disabled="disabled" maxlength="6" placeholder="食物"><br><br>

readonly代表只读，disabled代表被禁用了，maxlength代表能输入字符的最大长度,placeholder代表占位符，value代表默认值。
2.密码框

<input type="password" name="pwd" id="pwd" maxlength="6">

3.文本域

<textarea name="textarea" id="" cols="30" rows="10"></textarea>

4.按钮

<button>按钮</button>

5.下拉框

<select name="" id="" multiple="multiple">     <option value="中国">美国</option>     <option value="日本">中国</option>     <option value="美国">日本</option> </select>

multiple代表一次性可以选择多个。
6.单选按钮

<input type="radio" name="gender">男 <input type="radio" name="gender">女

同样的name代表是一个组的。
7.多选按钮
足球
蓝球
乒乓球
8.link标签，引入CSS

十一.表格

<table border="1">            <thead>            <tr>                <th>名字</th>                <th>年龄</th>                <th>性别</th>            </tr>            </thead>            <tbody>            <tr>                <td>wade</td>                <td>男</td>                <td>35</td>            </tr>            <tr>                <td>james</td>                <td>男</td>                <td>32</td>            </tr>            <tr>                <td>科比</td>                <td>男</td>                <td>38</td>            </tr>            </tbody>            <tfoot>                <td>123</td>                <td>123</td>                <td>123</td>            </tfoot>        </table>

colspan=”X”占用x列，rowspan=”X”占用x行。

十二.布局标签

1.div
布局用div这个标签，表示一个区域块，本身没有任何宽和高。