HTML学习

一：什么是HTML

   HTML 是用来描述网页的一种语言。

• HTML 指的是超文本标记语言 (Hyper Text Markup Language)
• HTML 不是一种编程语言，而是一种标记语言 (markup language)
• 标记语言是一套标记标签 (markup tag)
• HTML 使用标记标签来描述网页

HTML框架结构如下图：

HTML框架图

二、HTML头部详解

我是HTML头部详细介绍

三、HTMLbody部分

body部分标签较多，一个一个说是说不完的，重点说几个java程序员应重点掌握的。

1、body 标签

bgcolor 背景颜色 单词 #RGB三原色

background 背景图片

注意：因为这2个属性一起用时，背景图片会覆盖背景颜色，所以就不要一起用了，没有任何意义。

2、pre标签

请看下面这段代码：

如果什么都不加，在浏览器中打开是这样的：

怎样让它按照在编辑器中的格式显示呢？

答案很简单，只需加一对

标签：

就会像这样显示：

这个标签真的很好用，按原样格式输出，很多人都忽略了！

3、p标签

p 段落 特点 默认换行 并且换两行

属性: align 段落中的内容的水平位置 left right center

4、h1~h6 标题 特点 加粗 数字越大字体越小 并且默认换行

5、br标签

换行br标签有、、三种写法都可以，但推荐最好使用第二种

6、加粗(b)、斜体(i)、删除(del)

7、下标(SUB)和上标(SUP)

8、字符实体

9、img标签

 属性：

src 图片资源路径

border   单位像素px

width 宽度

height 高度

alt 是图片缺省时，显示文字信息

title 鼠标放上时提示的交互文本 

10、超链接a标签

要跳转的地址，可以写本地资源，或外部资源 外部资源一定要加 :打开新窗口的位置 

_self 本窗口打开 

_blank新建窗口打开

11、form表单

 

 action,method 两个属性，action提交的地址，method为get，post方式

 <form> 所有的表单内容，都要写在form标签里面 </form>

文本框（自封闭） 

<input type="text" value="默认值"/>

密码框（自封闭）

 <input type="password" />

 

单选按钮，name需要一样 

<input type="radio" name="sex" checked="checked"/> 男

<input type="radio" name="sex" /> 女

 复选框

 <p> 请选择你的爱好：

<input type="checkbox" name="hobby"/> 睡觉

<input type="checkbox" name="hobby"/> 吃饭

<input type="checkbox" name="hobby"/> 打豆豆

</p>

下拉选单

 

 <select name="">

<option>我是第1个选项</option>

<option>我是第2个选项</option>

<option>我是第3个选项</option>

</select>

 

 12、div

本身不带效果，表示一个小区域，容器级标签，里边什么都可以放，放大东西的。

<div>我是div</div> 

 13.span

也是小区域的标签，但是一个文本级的标签。只能放文字、图片、表单元素。不能放p、h、ul、dl、ol、div。主要放置小元素