前端的三把利器
-
HTML:赤裸的一个人
-
CSS:华丽的衣服
-
JS/JavaScript:赋予这个人的行为,也就是动起来
HTML(超文本标记语言)
html代码实际上就是一套能够被浏览器所识别的规则代码,由一个个标签组成。html代码就是一大长串字符串,而这种字符串的格式正好能够被浏览器所识别,也就有了我们的WEB页面。
后端与前端交互方式
1、后端通过直接返回浏览器能够识别的html代码
2、后端返回数据,前端替换html中的指定数据
一、HTML文档基本格式
<!DOCTYPE html> <!--文档类型声明-->
<html lang="en"> <!--表示HTML文档开始,指定语言en-->
<head> <!-- 文档元数据开始 -->
<meta charset="utf-8"> <!--声明字符编码-->
<title>文档结构</title> <!--设置浏览器左上角的标题-->
</head> <!-- 文档元数据结束 -->
<body> <!-- HTML文档的内容开始 -->
<a href="https://www.baidu.com">跳转百度</a> <!--一个超链接元素(标签)-->
</body> <!-- HTML文档的内容结束 -->
</html> <!--表示HTML文档结束-->
注释的写法 <!-- -->
二、元素标签探讨
HTML是一种标记语言,书面上经常作为”元素”的东西是怎么构成的呢?
1、元素
元素就是一组告诉浏览器如何处理一些内容的标签。每个元素都有一个关键字,比如< body >、< title > 、< meta > 都是元素。不同的标签名称代表不同的意思,后面会涉及到段落标签、文本标签、链接标签、图片标签等。
元素一般分为两种:单标签(空元素)和双标签。单标签一般用于声明或者插入某个元素,比如声明字符编码就用< meta >,插入图片就用< img >;双标签一般用于设置一段区域的内容,将其包含起来,比如段落< p > … < /p >。
2、属性和值
元素除了单双之分,元素的内部还可以设置属性和值。这些属性用来改变元素某些方面的行为。比如超链接:< a > 中的href属性,里面替换网址即可链接到不同的网站。,当然一个元素里面可以设置多个属性,甚至自定义属性。