认识HTML和网页开发
- HTML是hyper text Markup language 的缩写,中文是超文本标记语言
- W3C(万维网联盟)
W3C是非盈利的组织,它有四个分部,分别是麻省理工,欧洲数学与信息研究学院,东京庆应大学,北京航天航空大学
HTML是由w3c制定的一套网页编写标准 - HTML4.0 1997年 ;HTML5.0 2014年
- 常见的浏览器:欧朋、火狐、谷歌,Safari、IE、edge、QQ浏览器
- 网页开发工具,Hbuilder、webstorm、notepad++、ultraedit等
基本标签
html的主题部分
- <!doctype html>表示html5开发的
- 之间用来编写网页,告诉浏览器这是个HTML文档
- 是文档的头部,用来存放元信息,网页标题,样式表等
- 是网页的主题部分,用来编写网页显示的内容
h1~h6是标题标签
分为六个级别的标题,级别越高,字体越小,效果为文字的粗细和大小发生改变
p标签是段落标签
独占一行,用来划分段落,具有换行的特性,默认16px的上下外边距;
align=”left\center\right”设置文字的水平对齐方式
i标签斜体字标签
em标签也可以把文字设置为斜体,但它对文字有强调效果
b标签是文字加粗标签
strong也具有文字加粗的效果,但它对文字有强调的作用
hr标签是水平分割线
noshade=“noshade”;去除阴影
br标签是强行换行
ul标签是无序列表,搭配li使用
type属性取值disc(实心圆)circle(空心圆)square(实心正方形)
ol标签是有序列表,搭配li使用
type属性取值为1(数字)A(大写英文字母)a(小写英文字母)I(大写罗马字母)i(小写罗马字母)
img标签用来嵌入图片
src=“url地址”
alt=“图像加载失败替换文本”
title=“鼠标放上去时显示的文字”
还有width\height\border等用来设置图像的宽高边框
不同高度的图片是以底部为准进行垂直对齐
a标签是超链接标签
href=“url”
href="#id名”书签链接
href=“mailto:邮箱地址?subject=“邮件内容””
target="_self_blank_parent_top"网页的跳转方式,当前网页,新的网页,
父窗口、包含该链接的窗口
src和href的区别:src引用的资源是不可或缺的,例如img中的src,如果引用失败会导致页面不完整。href表达的是一种关联性,例如超链接关联的页面,理论上来说,即使href地址错误,并不影响当前网页的完整性
<!--xxx-->
对HTML进行注释,css要用/xxx/注释
路径问题
绝对路径
本地绝对路径:当前设备上从盘符开始的路径;例如C:/win/hello.html
网络绝对路径:https://xxx/hello.htm
相对路径
相对于当前页面浏览器的所在的位置,看地址栏
file协议,文件访问协议
./相当于当前位置;…/返回上一级
form表单
- action属性
数据提交的服务器地址 - method属性
数据提交方式 get post,get会让提交的数据在地址栏显示
input标签
- type:text文本输入框
- password密码输入框
输入内容会自动屏蔽 - radio 单选框
name为一组 - checkbox 复选框
- submit 提交按钮
- reset 重置按钮
- date 日期控件
- num