前端学习(一):Html

进击のpython

*****

前端学习——HTML


HTML全称HyperText Mackeup Language,超文本标记语言

网页的超链接,图片,音频,视频都可以超文本

标记就相当于你在本子上对重点部分进行的荧光笔涂鸦,利用特殊的东西对重点的东西标记出来

至于语言~~~自己想


HTML结构

如果你用的是pycharm,那你就输入一个!然后紧接着一个Tab,就出来了

如果你用的是sublime,那你就输入html,紧接着回车(记得文件先保存)

这,是一个html的骨架,我们可以对这些内容进行一下理解:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

</body>
</html>

<!doctype html>

这是一个声明,告诉浏览器应该用什么版本的HTML进行编译,这是html5版本文档声明头

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这是html4版本文档声明头

随着html的发展,w3c在定义文档声明头的时候更加的简洁。另外,DTD(Document Type Definition)规定了标记语言的规则,这样浏览器才能正确地呈现内容

<html></html>

每一个页面中的结构,都会有一个最外层的标签,它表示文档内容的开始
html标签包含两部分:头部声明(<head>)和内容部分(<body>)
如果把网页比作一个人,那html标签就是整个人的骨架

<head></head>

head这个标签,就相当于人的脑袋,head的意思就是头嘛
那这里存着的都是基本信息,你看不到我脑子里有什么,但是我脑子里确实有东西
head用于表示网页的中的一个基础的信息(元信息)

<body></body>

boby是一个人的身体,他的内容是看得见摸得到的
也就是说boby标签包含的是页面中所有可见元素
比如网页中的文本的展示内容,漂亮meinv ,动听的音乐,炫酷的电影等都属于body所管

接下来就对这几个标签里面的内容进行学习~


*****
*****
posted @ 2019-09-07 00:00  吃夏天的西瓜  阅读(1499)  评论(0编辑  收藏  举报