HTML基础代码用法大全,html基础用法（下）(示例代码)

设计表格：

1

2

3

表格

4

5

6

7

8

这是表格的标题！

9

10

姓名

11

学科

12

成绩

13

14

15 张三

16

php

17

60

18

19

20 张三

21

python

22

70

23

24

25

26

java

27

80

28

29

30

31

32

width：设置表格的宽

height：设置表格的高

border：设置表格边框的粗细

bordercolor：设置表格边框的颜色

caption：表格的标题，默认居中

th：表头

tr：行

align：水平的(表格默认left，然后可以自己设置right，center)

valign：垂直的(表格默认middle，然后可以设置top，bottom)

td：单元格

colspan：合并行

rowspan：合并列

表单：

1

2

3

4

5

6

7

8 用户名：

9 密码：

10

11 男12 女13 java14 php15 python16

17 北京

18 广州

19 上海

20

21

22

23

24

25 你好！26

27

28 我好！29

30

31 大家好！32

33

34

form

action是要提交的地址

【get】是通过url传输的，相对不安全，当你传输的时候会有长度限制。

【post】通过header头传输的，相对安全，它传输的时候比get传的数据要多。

enctype：编码类型，默认不用写

只有在上传文件的时候才指定该类型。

radio 单选按钮，如果你想实现只能选中一个的时候加上name，name值一样。

checkbox 复选框，可以选中多个，默认选中的话，是加一个checked

hiden  隐藏表单，用途是当数据没有必要让用户看见，但是我们后台还要用这个数据的时候，就用隐藏的去传。

file   上传文件

reset 重置按钮

input

type

text//文本框

password/密码

submit//提交按钮

value

placeholder：提示功能，当你在文本输入东西的时候，提示消失。

select

textarea    文本域

cols　　rows      注意：他是双标签，在写的时候切记要挨着写两个标签，中间不许有空格，缩进 换行。

块元素，行内块元素，行内元素：

1

2

3

4

块元素

5

6 div{height:20px;background:red;}

7 span{width:20px;height:15px;#ccc;}

8 img{width:300px;height:300px;border:1px solid red;}

9

10

11

12

今天是个好天气！

今天是个好天气！

13 今天肚子疼！今天肚子疼！

14

15

16

块：

div ，p，ul，ol，dl，hr，h1-h6   特点：1、可以设置宽高 2、独占一行 3、不受空格影响

行内：

span，em，strong，b，i，u   特点：1、不支持宽高  2、共处一行  3、受空格影响

行内快：

img，input     特点：1、支持宽高  2、共处一行   3、受空格影响

行内样式：

1

2

3

4

块元素

5

6

7

8

9

10 今天是个好天气！