前端概述
前端三要素:1、HTML;2、CSS;3、JS(JavaScript);
(1):HTML是页面内容的载体结构(通俗讲就是一座房子的主体骨架),内容就是页面所呈现的信息,页面制造者要浏览者所看到的东西,可以是文字,图片,视频等。
(2):CSS页面的层叠样式表(通俗讲就是房子的样式,装修效果)。页面呈现的信息往往需要进行修饰调整,例如文字的大小颜色,部分内容呈现的位置,页面的宽高比等。
(3):js(JavaScript)页面的特效动画,比如鼠标移动页面进行变化,简单理解就是页面所能体现出的效果
HTML(超文本编辑语言)
(1)描述网站的一种语言;
(2)不是编程语言,是一种标记语言,使用标记标签描述网页(如:<p><div><a>等标签);
(3)由浏览器解释执行。
HTML的标签:
1、标签有开始标签和结束标签,开始结束相互对应,例如<title></title><p></p>等,除了部分标签使用“/”来作为结束标签, <input type="text" name="ipt" class="text" value="" /><hr/><br/>等
2、内容注释:注释的内容不会体现在页面,只作用在程序中,任何语言都具有注释的写法,注释的作用是提高代码的可读性,良好的编程习惯是需要有注释的,html注释写法 <!-- 注释内容 -->
3、HTML文档:以html、htm后缀的文件为HTML文件也称为网页,HTML的文件编辑可以使用特定编辑器,记事本,便签等。
HTML文档的主体结构:
<!-- 声明文档 -->
<!DOCTYPE HTML >
<!-- html标记开始 -->
<html lang="zh-ch">
<!--头部开始-->
<hread>
<!--编译方式-->
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>标题</title>
</hread>
<!--内容-->
<body>
<h>行标签</h>
<div>盒子</div>
<input type="text" name="cont" value="" / >
<a href="www.badu.com" ?>
</body>
</html>