<!DOCTYPE html> <!-- 声明HTML文档 -->
<html lang="en"> <!-- 语言，中文简体：zh-Hans，中文繁体：zh-Hant --> <head> <!-- 文档头部，设置文档编码集，引入的css、Script等 --> <!-- meta标签设置网页中的元数据 --> <meta charset="UTF-8"> <!-- 字符集 --> <meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- 视口 --> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>网页标题</title> <link rel="stylesheet" href="style.css"><!-- CSS引入 --> <script src="script.js"></script><!-- JS引入 --> </head> <body> <!-- 文档主体 --> <!-- 主要放置html标签 --> </body> </html>
重要标签介绍:
1.块标签:
<div></div>
<span></span>
2.表格标签:
<table></table>
<th></th>
<tr></tr>-+
<td></td>
3.文字
<font></font>
4.队列
<ul></ul> 无序
<ol></ol> 有序
<li></li>
5.表单
<form></form>
<input/>
重点属性:
1.input
type : 1. text 一段文本行 2.number 一段只能输入数字的文本行 3.email 只能输入邮箱 4.range 取值范围 5.time 时间框 6.date 日期框 7.color 取色范围 8.password 密码框
9.radio 单选框 10.checkbox 复选框 11.submit 提交按钮 12.button 普通按钮 13.reset 重复按钮 14.image 图片提交按钮 15.file 文件 16.hidden 隐藏域
2.form
action : 表单提交地址
method : 提交方式
enctype : 提交类型
3.table
border : 设置表格边框
width height : 设置表单的宽度或高度
align valign : 设置单元格的水平或垂直对齐
bgcolor : 设置表格的背景颜色
4.a
href : 目标链接
target : 页面打开方式
5.img
src : 引入图片的地址
width height : 图片的高度和宽度
align : 对齐方式
alt tittle : 图片的提示信息 alt 是图片崩溃时的信息 tittle 是图片显示完好时的消息
hspace vspace : 在图片的左右 和 上下设定空白
6.ul
type : 1.circle 空心圆 2.disc 实心圆 3.square 黑色方块
7.font
size : 字体的大小
color : 字体的颜色
face : 字体的类型样式