IE浏览器已经废弃 测试现在使用谷歌火狐等
页面的三个要素 结构 html 样式css 交互 java script
超文本指的是超链接 从一个页面跳转到另一个页面
(所有内容都要有标签)
文档声明
1.3标签
<标签名> 内容</标签名> 带/表示结束
1.4属性
属性总是以名称/值对的形式出现。
name=“value”,也就是属性和属性值,name就是属性,双引号中的value就是属性值
有些属性可以是任意值,有些则必须是指定值。
id 属性作为标签的唯一标识,是唯一的,在同一个网页中不能出现相同的id属性值。
class属性用于标签分组,拥有相同class属性的 标签我们认为就是一组,可以出现相同的class属 性,也可以为一个元素指定多个class。
title属性用来指定标签的标题,指定title以后,鼠标移入到元素上方时,会出现提示文字。
1.5
设置页面的字符集 <meta charset="utf-8">
设置网页的描述
<meta name="description" content="本网址时做什么的">
设置网页的关键字 : 便于搜索引擎查找.
– <meta name="keywords" content="关键字">
ctrl+/ 注释快捷键
ctrl+s 保存
head 部分 用户不可见内容 给浏览器使用的
body 用户课件内容
<br>换行 单标记
<hr> 一条直线
<img> :
图片与路径 src 图片路径
alt 图片的描述
1.相对路径:相对于当前文件而言
2.绝对路径:盘符 +目录名 不推荐使用
3.网络路径(绝对路径的一种)
1.6
<a>标签是超链接标签,通过a标签,可以跳转到其他页面。
<sup>和<sub> 上标和下标
<ins>和<del> 删除线
加粗
<b>
<strong>
1.7列表
无序列表: ul li
有序列表: ol li
type: 1,a ,A,I,i
start : 指定是起始索引
自定义列表: dl dt dd
2.1表格 table
tr表示表格中的一行。
tr中可以编写一个或多个th或td。
th表示表头,th = td + 加粗。
td表示表格中的一个单元格
2.2表单控件
input是使用的最多的表单项,它可以根据不同的type属性呈现不同的状态。
type属性可选值:
– text:文本框
– password:密码框
– submit:提交按钮
– radio:单选按钮 checked为默认选中
– checkbox:多选框 checked为默认选中
– reset :重置按钮
– file : 上传文件
– hidden : 隐藏域
– date : 日期类型
– number : 只允许输入数字
select : 下拉列表
option 用于创建一个下拉列表 select为默认选中
textarea 文本域, 可以输入一段文本,也就是创建多行输入框
— 属性: cols 宽度
rows高度
fieldset、legend
— fieldset用来为表单项进行分组。legend用于指定每组的名字。
label 标签用来为表单项定义描述文字。