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>
12、div
本身不带效果,表示一个小区域,容器级标签,里边什么都可以放,放大东西的。
<div>我是div</div>
13.span
也是小区域的标签,但是一个文本级的标签。只能放文字、图片、表单元素。不能放p、h、ul、dl、ol、div。主要放置小元素