前端开发学习笔记–HTML 基本格式

发布于 2018-03-23  281 次阅读


格式例:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<title>基本结构</title>
</head>
<body>
	<a href="https://www.itwordsweb.com/">小白鼠</a>
</body>
</html>

解析:

<!DOCTYPE html>

//声明文档类型,不区分大小写

<html lang="zh-cn">

//声明 HTML 文档开始;语言使用简体中文,“en”表英文;双标签

<head>

//声明文档元数据开始,头部标签;双标签;元数据包括:<link>,<meta>,<noscript>,<script>,<style>,<title>等

<meta charset="utf-8">

//声明字符编码,“utf-8”常用

<title>基本结构</title>

//设置文档标题,即浏览器左上角的标题

</head>

//声明文档元数据结束,头部标签

<body>

//声明 HTML 文档的内容,内容浏览器可见

<a href="https://www.itwordsweb.com/">小白鼠</a>

//声明超链接元素(标签)

</html>

//声明 HTML 文档结束

元素:

一般分为两种:单标签和双标签;单标签一般用于什么或插入某个元素,如<img>插入图片;双标签一般设置段落的内容,有头有尾,首尾呼应,如<div></div>,<p></p>等。

元素内部还可以设置属性和属性值,如<p style="font-size: 20px">基本格式</p>中,font-size 表示属性,20px 表示值。