HTML标签

1.声明:

<!DOCTYPE html>

2.头:

<head></head>

3.网页标题:

<title></title>

title:标题里写网页标题名称

4.主体:

<body></body>

body:所有的内容都要写在body里面

5.标题标签:

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

h1最大 依次往下 h6最小

6.段落:

<p></p>

段落用p标签表示,p标签还可以替换h标签

7.加粗:

<b></b>

8.倾斜:

<i></i>

9.上标:

<sup></sup>
比如:10<sup>2</sup>

上标:10的2次方

10.下标:

<sub></sub>

11.插入线:定义插入字。

<ins></ins>

12.删除线:定义删除字。

<del></del>

13.图片标签,路径,提示:

<input type="image" src=

14.换行:

<br />

15.水平线:


<hr />

16.超链接:

<a https//.www.baidu.com></a>

17.锚链接:

<a name="top"></a><br />
		<a href="#bo">直达底部</a>


<a href="#top">回到顶部</a><br />
		<a name="bo"></a><br />

18.打开方式:

<taragr>

19.无序列表:

<ul type="disc">
		<li>黄河远上白云间</li>
		<li>一片孤城万仞山</li>
		<li>羌笛何须怨杨柳</li>
		<li>春风不度玉门关</li>
	</ul>

无序列表:ul是无序列表,是块状元素,前后都会换行,li标签会有一定的缩进量</p>
    disc默认值。实心圆。
    circle空心圆。
    square实心方块。

20.定义列表:

</ol>
    <h1>学校分类</h1>
    <dl>
        <dt>大学:</dt>
        <dd>研究生</dd>
        <dd>本科生</dd>
        <dt>高中:</dt>
        <dd>普通班级</dd>
        <dd>优秀班级</dd>
    </dl>

定义列表:自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

21.有序列表:

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

有序列表:

同样,有序列表也是一列项目,列表项目使用数字进行标记。

有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

22.表格:

<table></table>
表格

<table border="1" >
		<tr style="height:50px;">
			<th style="height:90px;width:80px;">序号</th>
			<th style="width:80px;">姓名</th>
			<th style="width:80px;">年龄</th>
			<th style="width:80px;">爱好</th>
			<th style="width:80px;">性别</th>
			<th style="width:80px;">备注</th>
		</tr>

表格:<!-- boder=1 删除就没有表格了-->

23.行:

<tr></tr>

行:<!-- tr:行   tr:可以设置高度  无法设置宽度--!>

24.单元格:

<td></td>

td:单元格,设置宽度
         高度相冲突,会选最高值
        同一行的是高度一致,同一列的是宽度一致

25.跨行合并:

rowspan
比如:

<tr>
		<!-- 跨行合并也需要删除对应的单元格 -->
		<td rowspan="2">2</td>
		<td></td>
		<td></td>
		<td></td>
		
	</tr>	

跨行合并也需要删除对应的单元格

26.跨列合并:

colspan
比如:

<tr>
	<!-- 跨列合并,需要删除对应的单元格 -->
		<td colspan="2">ab</td>
		<td>c</td>
		<td>d</td>
		<td>e</td>
		<td>fg</td>
	</tr>

跨列合并,需要删除对应的单元格 

27.边框:

border 
boder:边框
        设置整体的高和宽
        style="height":400px; width:1000px;

28.高度:

height="

29:宽度:

width="

30.表单:

<form></form>

所有内容都要写在form 表单中

31.表单的提交方式:

get    post


form:
		action:把数据发送给指定的服务器,都需要写在form中
		method:数据提交的方式
		

32.文本框:

input type=“text”

33.get/post 区别:get :url 可见 数据不安全,传送的数据有大小限制
                        post:url 不可见 数据安全, 理论上没有大小限制

34.密码框:

password

35.电话框:

tel

36.地址框:

url 

37.滑块框:

range

38.数字框:

number

39.日期框:

日期框:@1.time时间  @2.date日期  @3.week周年  @4.datetimeUCT时间  @5.datatime-local本地时间  @6.month月份年份

40.邮箱框:

email

41.颜色框:

color

42.搜索框:

search

43.单选:

radio
例如:


<input type="radio" value="否" name="submit" checked/>否
		<input type="radio" value="是" name="button"/>是<br />

44.多选:

checkbox
例如:

爱好:<input type="checkbox" value="唱" name="hobby" checked/>唱
			<input type="checkbox" value="跳" name="hobby" checked/>跳
			<input type="checkbox" value="rap" name="hobby"/>rep
			<input type="checkbox" value="篮球" name="hobby"/>篮球<br/>

45.默认选中:

checked


例如:性别:<input type="radio" name="男" name="sex"/>男
				<input type="radio" name="女" name="sex" checked/>女

46.下拉列表:

selected


例如:籍贯:<select name="address">
!-- 下拉列表 selected 默认选中
				 如果有value 会提交value没有value提交option中间的值
				 -->
				<option value="1">北京市</option>
				<option selected>河北省</option>
				<option>河南省</option>
				<option>山东省</option>
				<option>山西省</option>
			</select><br />

47.下拉默认选中:

checked 

48.文本域:

text

49.文件提交方式:

post

<input type="file  name="post
<!--特别注意事项:有文件上传时,必须使用post提交
			  需要在form中添加:enctype="mutipart/form-data"
			  告诉浏览器,现在提交的是文件
			  -->
				照片:<input type="file" name="photo"/><br />

50.多行文本域:

<textarea></textarea>

多行文本域:例如:


简介:<br />	<!-- 多文本域 -->
			<textarea name="jj" cols="130" rows="10">这是个人简介

51.提交按钮:

submit

<input type="submit" value="登录"/>   /提交

52.重置按钮:

reset

<input type="reset" value="重置"/>

53.普通按钮:

button

<hr />
			<!-- 普通按钮,无法提交 -->
			<input type="button" value="按钮" />
			<!-- 普通按钮,可以提交 -->
			<button>按钮</button>

54.图片按钮:

 input  type=“image ”src

55.默认值:

默认值:value

<!-- 提交按钮 value:提交按钮的值 -->

56.最大值:max

最大值:max

<input type="max" value="2048000" name="max"/><br />

57.最小值:

最小值:min 


例如:
<input type="min" value="51200000" name="min"/><br />

58.只读:

只读:readonly

59.禁用:

禁用:disabled

60.不能为空:

不能为空:requried

61.输入提示:

输入提示:placeholder

7.邮箱:<input type="email" name="email" placeholder="请输入邮箱"/><br />

62..背景颜色:

背景颜色:background-color


<tr style="background-color: darkslategray;">

63.字体颜色:

字体颜色:font-color

64.文本对齐方式:

text-align


例如:
<h1 style="font-family:align;text-align: center;">没有Google的情况下,上古时期程序员是怎样编程的?</h1>

65.聚焦:

acctofocus

66.尺寸:

size

67..步长:

step

68.最大长度:

maxlength    

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值