HTML_基础

一.HTML概述
1.定义:HTML(Hyper Text Markup Language):超文本标记语言，是文档的一种。
2.超文本:超级文本，其中可以包括除了文本以外的其他数据，例如图片，音频，视频等。
3.标记:也叫标签，例如尖括号<>括起来的一组内容。
4.简单案例一:
在这里插入图片描述

5.简单案例二:

6.简单案例三

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Practice Three</title>
		<style>
			table{
     
     
				border: 2px solid black;
				border-collapse: collapse;
				margin-left: auto;
				margin-right: auto;
			}
			
			td,th{
     
     
				border: 2px solid black;
				border-collapse: collapse;
				padding: 5px;
			}
			
			h1{
     
     
				text-align: center;
			}
		</style>
	</head>
	
	<body>
		<h1>欢迎注册</h1>
		<form action="#">
			<table>
				<tr>
					<td>用户名:</td>
					<td><input type="text" name="username" /></td>
				</tr>
				
				<tr>
					<td>密&emsp;码:</td>
					<td><input type="password" name="pwd" /></td>
				</tr>
				
				<tr>
					<td>性&emsp;别:</td>
					<td>
						<input type="radio" name="gender" value="male" checked="checked"/>男
						<input type="radio" name="gender" value="female" />女
					</td>
				</tr>
				
				<tr>
					<td>爱&emsp;好:</td>
					<td>
						<input type="checkbox" name="like" value="basketball"  checked="checked"/>篮球
						<input type="checkbox" name="like" value="football" />足球
						<input type="checkbox" name="like" value="vollayball" />排球
					</td>
				</tr>
				
				<tr>
					<td>城&emsp;市:</td>
					<td>
						<select name="city">
							<option value="Beijing">北京</option>
							<option value="Shanghai">上海</option>
							<option value="Guangzhou">广州</option>
							<option value="Shenzhen" selected="selected">深圳</option>
						</select>
					</td>
				</tr>
				
				<tr>
					<td>自我描述:</td>
					<td><textarea name="decriptions" cols="30" rows="5" placeholder="请输入描述信息......"></textarea></td>
				</tr>
				
				<tr>
					<td colspan="2" style="text-align: center;">
						<input type="submit" value="提交" />
					</td>
				</tr>
						
			</table>
		</form>
	</body>
</html>

在这里插入图片描述
二.常见用法
1.&nbsp 与 &emsp，在网页中生成空格。其中后者可以用于对齐不同单位数量的文本。
2.超链接标签中的 target = “_blank” 可以实现在新的页面中打开该链接的效果。
3.将style标签放在head中，添加CSS元素用于修饰页面效果。

三.常用快捷键
1.Ctrl + Shift + R，复制当前行到下一行。
2.Ctrl + Shift + F，对齐代码。

猜你喜欢