HTML标签详解-优快云博客

2019独角兽企业重金招聘Python工程师标准>>>

排版标签

注释

br:换行

hr: 横线

块标签

1.div标签

div自动换行

2.span标签

span不自动换行

字体标签

font 设置字体大小,样式

属性:

face :字体的样式,..必须写浏览器支持的字体

size: 大小

color:颜色

h1->h6 标题

b:加粗 (记忆: 2B 铅笔 )

i:倾斜 (叹息我累死了 )

sup 上标

sub 下标

<html>
	<head>
		<title>
			这是字体标签
		</title>
	</head>
	<body>
		<font
			face = "楷书"
			size = "2"
			color = "red"
		>
			我是一个好人
		</font>
		<hr>
		<h1>标题</h1>
		<h2>标题</h2>
		<h3>标题</h3>
		<h4>标题</h4>
		<h5>标题</h5>
		<h6><b>标题</b></h6>
		<b>加粗</b>
		<i>倾斜</i>
		<b><i>加粗倾斜</i></b>
	</body>
</html>

列表标签

无序列表 ul 默认是: 黑点

属性:

type: circle dises quare

有序列表 or 默认是: 数字

属性:

type :

start: 从那个位置开始计数

有序和无序的子标签: li

type: 当为无序的时候可以给这一个元素设置特殊符号

value: 当为有序的时候可以给这个一个元素设置特殊的符号

图形标签 <img>

src :图片的路径

width:图片的宽度

height:图片的高度

border:图片的快读

alt: 就是当没有显示出来图片的时候可以提示你此图片的名称

algin:图片环绕的文字的位置

链接标签<超链接> 实现页面跳转操作 <a>内容:文字或者图片</a>

属性:

href : 跳转的界面

name:用于设定锚的名称

注意:# 是代表本页面

表格标签

`table 表格

属性:

border : 设置边界线的

tr 表格的行

td 单元格

colspan 列合并

特殊字符

&nbsp 空格

表单标签:就是传递数据的,页面的数据的传递就是通过表单传递的

在上网时注册登录的操作,单选框,多选框.表单的作用就是将页面的数据传输

form:就是代表一个表单,是向服务器传递数据的.

属性: name :表单的名称

action :表单的提交的位置(url)

method :提交的方法:表单的提交方式 get 和 post

get :提交少量的数据数据会在地址栏显示不安全

post:提交大量的数据数据不会显示安全

input: 可以成为 --type->单选框(radio) 复选框(checkbox) 文本字段(text) 或者是提交按钮(submit)

注意事项: (1)所有的表单元素必须有name属性值,如果没有name 当表单提交的时候是拿不到数据的

(2)

<html>
	<head>
		<title>娉ㄥ唽椤甸潰</title>
	</head>
	<body>
		<form name="myform" action="a.html" method="post">
			
			<input type="hidden" name="id" value="001">
		
			<table border='1' align="center" width="65%">
				<caption>娉ㄥ唽绐楀彛</caption>
				<tr>
					<td>鐢ㄦ埛鍚�:</td>
					<td>
						<input type="text" name="username" value="璇疯緭鍏ョ敤鎴峰悕" size="40">
					</td>
				</tr>
			
				<tr>
					<td>瀵嗙爜:</td>
					<td>
						<input type="password" name="password">
					</td>
				</tr>
				
				<tr>
					<td>鎬у埆:</td>
					<td>
						<input type="radio" name="sex" value="male" checked="checked">鐢�
						&nbsp;&nbsp;
						<input type="radio" name="sex" value="female">濂�
					</td>
				</tr>
				<tr>
					<td>鐖卞ソ:</td>
					<td>
					<input type="checkbox" name="hobby" value="eat" checked="checked">鍚冮キ&nbsp;
					<input type="checkbox" name="hobby" value="sleep">鐫¤&nbsp;
					<input type="checkbox" name="hobby" value="play">鎵撹眴璞�&nbsp;
					</td>
				</tr>
				<tr>
					<td>鍦板潃:</td>
					<td>
						<select name="sh">
							<option value="hlj">榛戦緳姹�</option>
							<option value="jl">鍚夋灄</option>
							<option value="ln">杈藉畞</option>
						</select>
						<select name="city">
							<option value="c1">xxx</option>
							<option value="c2">xxx</option>
							<option value="c3">xxx</option>
						 </select>	
					</td>	 
				 </tr>
			<tr><td>澶村儚:</td><td><input type="file" name="f"></td></tr>
			<tr>
				<td>浠嬬粛:</td>
				<td>
					<textarea name="js"></textarea>
				</td>
			</tr>
			<tr>
				<td colspan="2" align="center">
					<input type="submit" value="娉ㄥ唽">&nbsp;&nbsp;&nbsp;
					<input type="reset" value="鍙栨秷">
				</td>
			</tr>
			
			</table>	
		</form>
		
		<hr>
		<input type="button" value="杩欐槸涓€涓寜閽�">
	</body>
</html>

html的标签是预定义的，每一个标签都有自己的意义

不区分大小写；

标签可以有属性

转载于:https://my.oschina.net/yanglingui/blog/804836