前端复习（一）html

pc.d

发布于 2019.03.24 14:41 阅读 2993 评论 2

整理的原因：

刚开始学的时候学的不太扎实，前端的知识又多，尤其是在用vue框架开始写项目的时候总有一种感觉：只会用别人写好的框架拼东西，对怎么实现的一窍不通，基础不牢固的话对后面的学习也会造成影响，所以现在抽时间把以前学习的东西重新学习整理一遍方便以后回顾。

Html简介：

html是一种描述网页的语言，html不是一种编程语言而是一种标记语言。

Html标签简介：

用来标记html的标签称为html标签，html标签通常成对出现，如<p></p>...,第一个称为开始标签，第二个称为结束标签。也有不成对出现的，如:<hr/> <br/>

Html文档结构：

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

</body>
</html>

<!DOCTYPE>为文档声明（大小写都可以，也可以写成<!doctype>），用来声明html版本。

<!DOCTYPE html>为html5声明。

<html></html>告诉浏览器，这是一个html文档，限定了开始和结束。

注意：所有的标签都应写在其中。

<head></head>用于定义html的全局属性。其中包括（title、meta、link）等

常用：

<meta charset="UTF-8">设置字符编码，告诉浏览器以utf-8的字符进行显示。

<meta name="keywords" content=""/>用来在content中设置网页的关键字。

<meta name="description" content="" />用来在content中设置网页的描述。

<title></title>用来描述网页的标题。

<body></body>用来定义文档的主题，其中包含文档的所有内容。我们写的p、img、a等标签都是在body标签中的。

常用的标签：

h1-h6 :用来定义标题的。
P ：用来定义段落。
hr:用来定义水平线
br:用来定义换行。
img：用来插入图片。
a：用来插入超链接。
ul：用来定义无序列表。
ol:用来定义有序列表。
form：用来定义表单元素。
table：用来定义表格元素（感觉用的很少）。
div
Span
Input 定义输入框

常用标签详解：

src用来表示图片的地址（可以是相对路径和绝对路径，注：./表示当前路径 ../表示上一级路径）

title用来表示鼠标悬浮在图片上时的图片标题

alt用来表示图片加载失败时展示的内容。

href用来表示超链接的地址，如href=”www.baidu.com”

target用来连接的打开方式。

target=”_self”,表示原窗口打开超链接。

target=”_blank”,表示通过打开新网页的方式打开超链接。

HTML5中新增标签

语义化标签

Header 定义文档的页眉（介绍信息）

Section 定义文档中的节

Footer 定义 section 或 document 的页脚。

Article 定义独立的内容

Nav 定义导航链接的部分

媒介标签

video

audio

表单控件标签

calendar

date

time

url

绘图标签

canvas

参考：w3school-html教程

发表评论