目录
前言
不想当前端的后台不是好后台(当我在瞎掰吧)
HTML是什么?
可能大家都对它很熟悉,但我还是引用了一段度娘百科上的一段文字:
超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用。HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
其实大家通常称其为标签语言,它是前端三大件之一吧,是前端的结构。
为什么要学HTML?
为什么要学HTML或者说为什么HTML很重要,做个类比吧,将前端视为一个人,那么HTML可以视为这个人的骨骼、肌肉(也就是内部的一个架构,结构),CSS视为这个人的皮肤和衣衫(它是一个样式对吧,就像人穿搭得体),JS视为一个人的行为动作(比如DOM啊网络请求这样的行为动作,这个名为前端的这个人想要干什么是通过JS来完成的)。
那么为什么HTML很重要,很容易可以看出来,人没有骨骼和肌肉,衣服穿得再好,行为动作再顺滑,其实也没用,HTML就是这样一个内在的结构,所以要把HTML巩固好,俗话楼盖的多高不得看地基嘛。
HTML常用元素总结
HTML分“头”部分、和“主体”部分,也就是head和body,那么这两个部分的常见元素如下:
head部分常用元素
title:定义标题
meta:
<meta name= "viewport" content = "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" charset = "utf-8" >
其中charset代表编码,常见设置utf-8,Unicode又称万国码,其内有非常多种语言,所以一般设为utf-8,
name= "viewport" 视窗口,移动端打开浏览器会寻找若是定义了视窗口的width,就会将页面放到指定width的viewport内,若没有指定视窗口,以iphone为例,默认宽度为980px(为了适配移动端)
width=device-width: 网页宽度自动适应设备的宽度 initial-scale=1.0, maximum-scale=1.0: 初始化缩放为1, 最大缩放为1
user-scalable: 用户是否可以手动缩放
style:于为 HTML 文档定义样式信息。
link:标签定义文档与外部资源的关系, 标签最常见的用途是链接样式表。