Web前端入门知识:HTML
超文本标记语言(Hyper Text Markup Language),缩写为HTML。HTML是一种标记语言,是网页制作所必备的语言。HTML的结构包括“头”部分和“主体”部分,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。编写html的工具有vscod、WebStorm、HBuilder、sublime等(个人倾向于使用vscod)。想要做好一个网页,不仅需要HTML,还需要通过JavaScript,CSS等来给它做修饰。
在我们制作网页的时候,不可缺少的是:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
就像盖房子时的地基。有了地基才能在上面盖房子。 <title></title>标签里面的内容就是网页标签上显示的内容。<body></body>中就是我们网页中所要呈现的内容了。
在body中我们一般嵌套若干个<div></div>标签。<div></div>是一个块元素,是可以设定其大小的矩形,我们形象地称之为“盒子”。形成多个盒子并列,盒子中包含多层盒子的‘’套娃‘’结构。
有了盒子,我们就需要往盒子里面装上我们想要的东西了。文字可以直接打在div中,也可以放在<p></p>、<span></span>等标签中。引入图片就需要<img src=" ">这个标签了,这个标签有点特殊,
他是一个单标签,没有结束标签,src中填写图片路径。超链接我们则使用<a href=" "></a>标签,href填写要连接的地址。还有很多各式各样的标签,我就不一一赘述了,大家可以自行百度。
下一章我们讲CSS。

浙公网安备 33010602011771号