HTML设列表项内容为1234,Html基本用法(示例代码)

hmtl

hyper text markup language

超文本标记语言

超文本:超越一般的文本 变色 加粗 变大 甚至设置超链接

标记:浏览器已经定义好的 一些由尖括号括起来的特殊符号

语言:用户跟浏览器交流工具

html文件应该以.html结尾 (可以以.htm结尾不推荐)

1.html语言 如果标签有开始有结束 称之为围堵标记

2.html语言中 如果标签没有标签体 称之为空标记

3.html语言不是怎么规范语言 最好应该按照规范来

4.html标签不区分大小写  国内开发者喜欢小写 最好小写

5.html语言中 标签最好正确的嵌套

6.标签中可以有属性:

书写格式  属性名="属性值"  "" ‘‘ "‘

文字类标签:

n是一个可变数 取值范围1-6

特点:

加粗 换行 上下留白 从一到六越来越小

常用属性:

align:对齐方式  left center right

文字标签:

常用属性:

color:颜色

size:大小 1-7 1到7越来越大

face:字体家族

颜色的取值:

1.直接颜色的英文单词

2.RGB 以#打头跟上六个十六进制的数 #12345f

:加粗

:加粗

 :斜体

排版类标签:

---

:水平线标签

常用属性:

width:宽度

宽度取值:

1.%百分比

2.px

align:对齐方式

换行标签

段落标签

常用属性:

align:对齐方式

图片标签:

  

常用属性:

src:指定图片路径

alt:替代文字

width:宽度

height:高度

路径取值:

1.相对路径:

当前路径:./logo2.png ./可以不写

上级路径:../img/logo2.png

2.绝对路径:

http://img.baidu.com/xx.jpg

列表标签

ol:有序列表

ul:无序列表

常用属性:

ol:

type:控制前面显式样式

1:默认

A

a

I

i

ul:

type:

disc:默认

circle:空心圆

square:方块

共同的子标签

li:列表项

超链接标签:

常用属性:

href:跳转的页面的路径

target:跳转的页面的打开方式

_blank:新开一个选项卡打开

_self:默认

framename:在框架集里显示

路径取值:

相对路径:

当前路径:

上级路径:

绝对路劲:网址

#:跳转到当前页面

表格标签:

常用属性:

border:px

width:宽度

height:高度

cellspacing:表格线的间距

align:对齐方式

常用子标签:

tr标签  行

常用属性:

bgcolor:背景颜色

align:对齐方式

常用子标签:

:单元格

常用属性:

bgcolor:背景颜色

align:对齐方式

rowspan:行合并

colspan:列合并

:表头标签

特点: 加粗 居中

转义符:

常用的转义符:

书写格式

&单词;

空格转义符 :  

大于号 >:   > greate than

小于号 <: less than>

&符号:  &

form表单标签:

form表单标签:

常用属性:

action:提交地址

method:提交的方法

get:

默认提交方式

参数会追加到url后面 ? 参数名=参数值&参数名=参数值

数据最大不能超过1kb

post:

没有数据大小限制

不会跟在url后面

较为安全

常见子标签:

input:输入框

type:(10种)

text:默认

password:密码框

radio:单选框

checkbox:多选框

file:上传文件

button:普通按钮

submit:提交按钮

reset:重置按钮

image:了解中了解

hidden:隐藏域

select:下拉选择框

常用子标签

option

textarea:文本域标签

常用属性

rows:行

cols:列

通用属性:

1.name属性

1.给单选框 多选框 分组

2.如果你想要提交数据 必须给标签一个name属性 并且必须赋值

2.value

1.给按钮类标签起名

2.单选多选框 提交数据的时候 你想要提交自己的想要值 value属性 必须赋值

设置默认值:

1.普通文本框 密码框  hidden设置默认值 给一个value属性值 必须赋值

2.给单选框 多选框设置默认值 给它设置一个checked属性

3.给select下拉选择框设置默认值  给它的子标签option设置 selected属性

4.给textarea设置默认值 直接在标签体内写内容即可

?username=tom&password=12345&gender=0&hobby=eat&hobby=sleep&avatar=&province=02&city=0201&desc=你好

点击提交按钮 发生表单提交事件 提交数据

在url后面跟上一个问号?参数名字=参数值

如果有多个参数 &连接