<!DOCTYPE html> 文档类型声明标签,告诉浏览器这个页面采取html5版本来显示页面。
<html lang="en" > 告诉浏览器,搜索引擎这是一个英文网站
<meta charset="UTF-8"/> 采用UTF-8来保存文字,如果不写就会乱码。
<h1> ....<h6> 标题标签共6级,文字加粗一行显示。
<p>
1.文本在一个段落中会根据浏览器窗口的大小换行
2.段落和段落中间保有空隙
<br />
<br /> 是个单标签
<br /> 标签只是简单的开始新的一行,和段落不一样,段落之间会插入一些垂直的间距。
文本格式化标签,突出重要性,比普通文字更重要。
<strong> 加粗
<em> 倾斜
<del> 删除
<ins> 下划线
<div> 是division的缩写,表示分割,分区,一行只能放一个,大盒子
<span> 表示跨度,跨距,一行可以放多个,小盒子
<img>
图像标签和路径,src是<img>标签的必须属性,它用于指定图像文件的路径和文件名。
属性:
alt 替换文本
title 提示文字
width 图像宽度
height 图像高度
border 图像边框粗细
超链接标签
外部标签
<a href=" " target="_blank"> 腾讯 </a>
target 打开窗口的方式,默认值是 _self 当前窗口打开页面 _blank 新窗口打开页面
内部链接:网站内部页面之间的相互链接
空链接:<a href="#" >
下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件。
网页元素链接:在网页的中的各种网页元素,如文本,图像,表格,音视频 都可以添加超链接。
锚点链接:点击链接,可以快速定位到页面的某个位置。
在链接文本的 href 属性中,设置 <a href="#two">
<h3 id="two">
注释标签 特殊字符
<!-- -->
表格页面
表格不是用来布局页面,而是用来展示数据
<table> 定义表格的标签
<tr> 定义表格中的行
<td> 定义表格中的单元格
<th> 表头单元格,文字会居中加粗显示
表格属性(也可以使用CSS)
align -> left,center,right 规定表格相对周围元素的对齐方式
border 规定表格单元是否拥有边框
cellpadding 规定单元格边沿与内容之间的空白,默认1px
cellspacing 规定单元格之间的空白,默认2px
width 规定表格的宽度
表格结构
<thead> 定义表格的头部
<tbody> 定义表格的主体
单元格合并
合并方式
rowspan 跨行合并,colspan 跨列合并
目标单元格:(写合并代码)
合并单元格的步骤:
(1) 确定跨行,跨列
(2) 找到目标单元格,写 合并方式="合并的数量"
(3)删除多余的单元格
列表标签
表格用来显示数据,列表用来布局
列表:无序列表<ul>,有序列表,自定义列表
无序列表:
1. 无序列表中的各个列表项之间没有顺序级别之分,是并列的。
2. <ul> 中只能嵌套<li>
3. <li>相当于一个容器,可以容纳所有元素
4. 无序列表会带有自己的样式属性,但在实际使用时,使用CSS来设置。
有序列表:自定义列表用于对术语或名词进行解释和描述。
<dl>
<dt>
<dd>
表单的构成:表单域,表单控件(表单元素),提示信息
<form> 标签用于定义表单域,以实现用户信息的收集和传递。
<form> 会把范围内的表单元素信息提交给服务器。
form 属性:
(1)action 指定url地址
(2)method 用于设置表单数据的提交方式
(3)name 用于指定表单的名称
表单控件:输入或者选择的表单控件
1.input 输入表单元素
2.select 下拉表单元素
3.textarea 文本域元素
input 元素通过
type 属性实现 单选框,多选框,密码输入。。。。。
button 点击按钮
checkbox 定义复选框
file 定义输入字段和浏览按钮,供文件上传
hidden 定义隐藏的输入字段
image 定义图像形式的提交按钮
password 定义密码字段
radio 定义单选按钮
reset 重置按钮,重置按钮会清除表单中的所有数据。
submit 提交按钮,提交按钮会把数据发送到服务器。
text 定义单行的输入字段,默认长度20字符。
name 是表单元素的名称,单选按钮必须有相同的名字,才可以实现多选一。checkbox同理。
value 规定表单元素的值
checked 当页面首次加载默认选中,checkbox,radio有效
maxlength 文本输入的最大值