Chapeter3 Web前端标准
1、Web前端标准
Web前端技术指的不是某一项技术，而是一系列技术的集合，包括：
html--结构标准：负责网页结构的搭建
css--样式/表现标准：负责网页的美化工作
js--行为标准：负责网页的行为动作
2、行业词条
Internet→互联网
www→万维网（资料空间）world wide web万维网，简称www或3w
url→统一资源定位器（网络地址）
http→超文本传输协议
w3c→万维网联盟（他是一个组织，不是一个公司）
网站→多个页面的集合（首页、内容页、列表页）
网页→网页文件就是后缀名以.html或者.htm结尾的文件。文字、图片、超链接。
浏览器→观看网页最终效果的平台
3、浏览器
五大浏览器厂商
ie
谷歌
火狐
苹果
欧朋
注意：其他浏览器都是用的别人浏览器的技术，自己换了一套皮肤而已
4、html历史
定义：超文本标记语言
html发展历史
html2.0--->1995年有RFC组织发布
html3.0--->W3C（官方的组织）制定一系列规范
html4.0.1--->XHTML1.0（目前常用版本）--->XHTML相当于HTML的严谨版
html5.0--->发展趋势2008年起稿，2012年推广
5、html语法规定
标签、标记符号---------------<>又称尖括号
html语言必须写在标签符号里面
html中的标签大多数都是成对出现
关闭符号----------------/又称反斜杠
6、第一个html页面
1、<DOCTYPE html> 描述当前文件的版本信息，如没有详细说明是4.0或x1.0，那就是5.0版本
2、<html> html文件</html>
3、<head> 网页的头部</head>
4、<meta charset = "utf-8"> utf-8是国际编码的意思，如果不写或者写成其他，都会有问题
5、<title> 此处内容是网页的标题</title>
6、<body> 我们自己写的所有代码都放在这里</body>
注：html文档不能正常识别回车和空格，只能使用特定代码来实现
7、标签语义化
在合适的地方使用合适的标签（该放p就放p）
为什么要标签语义化？因为浏览器只认识标签，没有语音语调，所以想表达的东西只能使用对应的标签来表示；
标签语义化的好处：语义化做得好，可以让搜索引擎把你的网站排名更靠前。
8、H和P
H有6个，依次变小，代表文章的标题
P代表文章
9、bui标签
<b></b> 粗体 <strong></strong> 加粗，多了强调语义
<u></u>下划线
<i></i>斜体 <em></em> 斜体，多了强调语义
<s></s>删除线 <del></del> 建议使用del代表s
注：strong代表特别强调，一篇文章中不要出现多次。em代表一般强调，一篇文章中可以多次出现。
10、HTML属性
<br> 换行符，强制换行
html当中的属性是以一种叫做键值对的形式出现的，书写格式：
属性名称="值"，值必须写在双引号内，名称和值之间用=连接，意思是给属性设置相应的值。k="v"
11、img标签
img插入图片
<img src="图片名称" width="图片宽度" height="图片高度" alt="描述这张图的文字">
符号都要英文状态下的，空格不能丢，属性设置不分先后；
12、HTML 超链接
注意：如果要跳到线上地址，必须加http://，本地文件直接写路径
空链接写法：
1、###
2、javascript:;
3、javascript:void(0);
锚点链接：点击之后可以跳转到页面的对应位置
给想跳转到的位置写一个id属性，a标签中的href属性写#id的值
浙公网安备 33010602011771号