Html5入门详细教程第一课
学习要点:1、推举编写软件sublime text3
2、html5文档构造
3、文档构造解析
一、sublime text3 下载
官方网站下载
二、HTML5文档构造1.第一步:打开sublime text3,打开指定文件夹;
2.第二步:保存index.html文件到磁盘中,.html是网页后缀;
3.第三步:开始编写HTML5的基本格式
<!DOCTYPE html>//文档类型声明 <html lang="zh-cn">//表示html文档开始<head>//包含文档元素开始<meta charset="utf-8">//声明字符编码<title>浏览器左上角显示的标题笔墨</title>//设置文档标题</head>//包含文档元素结束<body>//表示html文档显示内容开始<a href="https://www.toutiao.com">今日头条</a></body>//表示html文档显示内容结束</html>//表示html文档结束
编写HTML5的基本格式
三、文档构造解析1. Doctype
文档类型声明(Document Type Declaration,也称Doctype)。它紧张见告浏览器所查看的文件类型。在以往的HTML4.01和XHTML1.0中,它表示详细的HTML版本和风格。而如今HTML5不须要表示版本和风格了。
< !DOCTYPE html>//不分区大小写
2. html元素
首先,元素便是标签的意思,html 元素即html标签。html 元素是文档开始和结尾的元素。它是一个双标签,头尾呼应,包含内容。这个元素有一个属性和值: lang="zh-cn",表示文档采取措辞为:简体中文。
<html lange" zh-cn">//如果是英文则为en
3. head元素
用来包含元数据内容,元数据包括: <link>、 <meta>、 <noscript>. <script>、<style>、<title>.这些内容用来浏览器供应信息,比如link供应CSS信息,script供应JavaScript信息,title 供应页面标题等。
<head>...</head>//这些信息在页面不可见
4. meta元素
这个元素用来供应关于文档的信息,起始构造有一个属性为: charset="utf8". 表示见告浏览器页面采取的什么编码,一样平常来说我们就用utf8.当然,文件保存的时候也是utf8,而浏览器也设置utf8即可精确显示中文。
<metacharsetm"utf-8" >//除了设置编码,还有别的
5. title元素
这个元素很大略,顾名思义:设置浏览器左上角的标题。
<title>浏览器左上角显示的标题笔墨/title>
6. body元素
用来包含文档内容的元素,也便是浏览器可见区域部分。所有的可见内容,都该当在这个元素内部进行添加。
<body>...</body>
7. a元素
一个超链接,后面会详细磋商。
<a href= "https://www. toutiao. com">今日头条</a>
关注我,听江湖哥讲营销,学到落地到
持续更新,分享更多干货