但是它可以告诉浏览器
人生苦短,要学就只学有用的
【前端教学-Html-1】
Html是什么鬼?
学习方针理解
HTML的观点
HTML标签的分类
HTML标签的关系
HTML标签的语义化
应用
HTML骨架格局
sublime根基使用
1. HTML 初识HTML 指的是超文本符号语言 (Hyper Text Markup Language)是用来描述网页的一种语言。
HTML 不是一种编程语言,而是一种符号语言 (markup language)
符号语言是一套符号标签 (markup tag)
网页是由网页元素构成的 , 这些元素是操作html标签描述出来,然后通过浏览器解析,就可以显示给用户了。
<img src=http://www.mamicode.com/"timg.jpg" />总结:
html 是超文本符号(标签)语言
我们学习html 主要学习html标签
我们用html标签描述网页元素。 好比 图片标签 、文字标签、链接标签等等
标签有本身的语规则范,所有的html标签都是用 <> 暗示的
H(很)T(甜)M(蜜)L(啦) 是很快乐的一件工作
1.1 HTML骨架标签HTML 有本身的语言语法骨架格局:(要遵循,要专业) 要求务必非常流畅的默写下来。。
<html> <head> <title></title> </head> <body> </body> </html> html骨架标签总结 标签名 界说 说明HTML标签 页面中最大的标签,我们成为 根标签
文档的头部 注意在head标签中我们必需要设置的标签是title
文档的标题 让页面拥有一个属于本身的网页标题
文档的主体 元素包罗文档的所有内容,页面内容 根基都是放到body里面的
书写我们的第一个HTML 页面。
新建一个 01-html骨架标签 的 TXT 文件。
里面写入适才的HTML 骨架。
把后缀名改为 .HTML。
右击--谷歌浏览器打开。
<html> <head> <title>我的第一个页面</title> </head> <body> 你我之间 黑马洗练 月薪过万 一飞冲天 </body> </html> 团队约定巨细写HTML标签名、类名、标签属性和大部分属性值统一用小写
保举:
<head> <title>我的第一个页面</title> </head>不保举:
<HEAD> <TITLE>我的第一个页面</TITLE> </HEAD> 1.2 HTML元素标签分类标签:
在HTML页面中,带有“< >”标记的元素被称为HTML标签,如上面提到的 <html>、<head>、<body>都是HTML骨架布局标签。
分类:
通例元素(双标签)
<标签名> 内容 </标签名> 好比 <body> 我是文字 </body>该语法中“”暗示该标签的感化开始,一般称为“开始标签(start tag)”,“” 暗示该标签的感化结束,一般称为“结束标签(end tag)”。
和开始标签对比,结束标签只是在前面加了一个封锁符“/”。
我们以后接触的根基都是双标签
空元素(单标签)
<标签名 /> 好比 <br />空元素 用单标签来暗示, 简单点说,就是里面不需要包罗内容, 只有一个开始标签不需要封锁。
这种只身狗标签非常少,一共没几多,我们多记忆就好
1.3 HTML标签关系主要针对付双标签 的彼此关系分为两种: 请大家务必熟悉记住这种标签关系,因为后面我们标签嵌套出格多,很容易弄混他们的关系。
嵌套关系
<head> <title> </title> </head>2.并列关系
<head></head> <body></body>创议:
如果两个标签之间的关系是嵌套关系,子元素最好缩进一个tab键的身位(一个tab是4个空格)。如果是并列关系,最好上下对齐。 2. 代码开发工具(书写代码)为了提高我们的开发效率
Dreamweaver
SublimeText
WebStorm
HBuilder
VScode
工具始终都只是工具,这里我们强烈保举使用VScode,它近乎无所不能,关键是蛮帅的
3. 文档类型<!DOCTYPE>用法:
<!DOCTYPE html>感化:
<!DOCTYPE> 声明位于文档中的最前面的位置,处于 标签之前。此标签可奉告浏览器文档使用哪种 HTML 或 XHTML 规范。
<!DOCTYPE html> 就是报告浏览器凭据HTML5 规范解析页面.
团队约定:
HTML文件必需加上 DOCTYPE 声明,并统一使用 HTML5 的文档声明 4. 页面语言lang <html lang="en"> 指定html 语言种类最常见的2个:
en界说语言为英语
zh-CN界说语言为中文
指定该html标签 内容 所用的语言为中文
团队约定:
考虑浏览器和操纵系统的兼容性,目前仍然使用 zh-CN 属性值@拓展阅读:
温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/30718.html