一、HTML&CSS&JavaSript的作用:
1.HTML主要用于网页为主体结构的搭建;
2.CSS主要用于页面元素的美化
3.JavaScript主要用于页面元素的动态处理;
二、HTML
HTML是Hyper Text Markup Language的缩写。意思是超文本标记语言。它的作用是搭建网页结构,在网页上展示内容。
HTML5是HyperText Markup Language5的缩写,HTML5技术结合了 HTML4.01的相关标准并革新,符合现代网络发展要求,在 2008年正式发布。HTML5由不同的技术构成,其在互联网中得到了非常广泛的应用,提供更多增强网络应用的标准机。与传统的技术相比,HTML5 的语法特征更加明显,并且结合了SVG 的内容。这些内容在网页中使用可以更加便捷地处理多媒体内容,而且 HTML5中还结合了其他元素,对原有的功能进行调整和修改,进行标准化工作。HTML5 在 2012年已形成了稳定的版本。2014年10月28日,W3C发布了HTML5的最终版。
三、超文本:
HIML文件本质上是文本文件,而普通的文本文件只能显示字符。但是HTML技术则通过HTML标签把其他网页、图片、音频、视频等各种多媒体资源引入到当前网页中,让网页有了非常丰富的呈现方式,这就是超文本的含义——本身是文本,但是呈现出来的最终效果超越了文本。
四、标记语言:
HTML由一系列标签组成的,没有常量、变量、流程控制、异常处理、IO等等这些功能。HTML很简单,每个标签都有它固定的含义和确定的页面显示效果。
双标签:标签是通过一组尖括号+标签名的方式来定义的
<p>HTML is a very popular fore-end technology.</p>
<p>叫开始标签,</p>叫结束标签。开始标签和结束标签一起构成了一个完整的标签。开始标签和结束标签之间的部分叫文本标签体,也简称为标签体。
单标签:
<input type="text" name="username" />
属性:
<a href = "http://www.xxx.com"> show detail </a>
href="网址" 就是属性,href是属性名,"网址"是属性值
五、HTML基础结构:
1.文档声明:
HTML文件中第一行的内容,用来告诉浏览器当前HTML文档的基本信息,其中最重要的就是当前HTML文档遵循的语法标准。这里我们只需要知道HTML有4和5这两个大的版本。
(1)HTML4版本的文档类型声明是:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.81 Transitional//EN "http://www.w3.org/TR/html4/loose .dtd">
(2)HTML5版本的文档类型声明是(现在主要的技术选型):
<!DOCTYPE html>
2.根标签:<html></html>标签(双标签)是整个文档的根标签,所有其他标签都必须放在html标签里面。
3.头部元素:<head></head>标签(双标签)用于定义文档的头部,其他头部元素都放在head标签里,头部元素包括<title></title>标签、script标签、style标签、link标、<meta/>标签;
4.主体元素:<body></body>标签(双标签)定义网页的主体内容,在浏览器窗口内显示的内容都定义到body标签内
5.注释:
<!-- 注释内容 -->
六、HTML概念词汇解释:
1.标签(tag):代码中的一个<>叫做一个标签,有些标签成对出现,称之为双标签,有些标签单独出现,称之为单标签
2.属性(attribute):一般在开始标签中,用于定义标签的一些特征
3.文本(text):双标签中间的文字,包含空格换行等结构
4.元素(element):经过浏览器解析后,每一个完整的标签(标签+属性+文本)可以称之为一个元素;
七、HTML语法细节:
1.根标签有且只能有一个
2.无论是双标签还是单标签都需要正确关闭
3.标签可以嵌套但不能交叉嵌套
4.注释语法为<!-- -->,注意不能嵌套
5.属性必须有值,值必须加引号,H5中属性名和值相同时可以省略属性值
6.HTML中不严格区分字符串使用单双引号
7.HTML标签不严格区分大小写,但是不能大小写混用
8.HTML中不允许自定义标签名,强行自定义则无效
八、HTML常见标签:
1.标题标签:
标题标签一般用于在页面上定义一些标题性的内容,如新闻标题,文章标题等,有h1到h6六级标题;标题级别数目越大,标签字号越小
<body><h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6>
</body>
2.段落标签:
<p>第一段文字内容
</p>
<p>第二段文字内容
</p>
3.换行标签:
第一行内容
<hr>
第二行内容
<hr>
<hr>
第三行内容
<br>
<br>
<br>
第四行内容