认识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.com/hello.htm
相对路径
相对于当前页面浏览器的所在的位置，看地址栏
file协议，文件访问协议
./相当于当前位置；…/返回上一级
form表单
- action属性
数据提交的服务器地址 - method属性
数据提交方式 get post，get会让提交的数据在地址栏显示
input标签
- type：text文本输入框
- password密码输入框
输入内容会自动屏蔽 - radio 单选框
name为一组 - checkbox 复选框
- submit 提交按钮
- reset 重置按钮
- date 日期控件
- num
最低0.47元/天 解锁文章
2143
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
