前端学习日志之html(一.html基本知识点)

前端学习日志之html(一.html基本知识点)

1.html是什么东西?
H:Hyper 超
T:Text 文本
M:Markusp 标记
L:Language 语言
——超文本标记语言
1>超文本:
普通文本:文字文本
超文本:顾名思义,超越普通文本,能做诸如插入音频、视频、图片、超链接媒体······普通文本不能做的事
2>标记语言:
编译语言:c、java···需要编译才能运行,本身具有逻辑能力和行为能力的语言。
脚本语言:javascript、console.log···需要被解析器解析运行的语言。
标记语言:html(ml结尾的都是标记语言),本身不具有逻辑能力和行为能力,只能被浏览器读取的语言。
3>编写过程:
1.本地sublime/vscode编写代码部署到服务器。
2.本地浏览器运行
3.部署到服务器
4>地址:
标准url路径:http://www.--------.com(注册后)
未经注册时:(协议名称://ip地址:端口号/项目路径)
2.html的特点
从上到下依次解析
具备容错性和代码宽松性,不会报错
大小写不敏感(即:写div/DIV都不会报错)
3.文档结构:
创建html文档:创建一个以.html/.htm为后缀的文件即可
快捷生成建:html:5(软件版本不同,快捷生成建不同,该快捷生成建对应html5)
默认文档结构:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
	doctype:声名
	Html:根元素
	Head:
		用来进行一些条件设置
		默认标签:meta标签:用来设置字符编码
						  在h5中还可以用来设置手机端编码
				Title:用来设置标签页名称
					  格式:<title>网页名</title>
				*引入第三方文件最好也放在head 中(例:<script>等)
	Body:想要展示在浏览器上的内容都写在body中

4.元素

	1>元素的组成
			<开始标签> 内容</结束标签>
			(部分标签没有结束标签:单标签/空元素)*标签不能交叉嵌套使用
	2>元素的分类
		块级元素:
			例:div
		      默认特点: 独占一行空间
					可以直接设置宽高
				        默认情况下,宽度占满整行,高度由子集元素撑起
		行内元素:
			例:Spn
			  默认特点:可以和其他元素共享一行空间
		                 宽高皆由子集元素撑起,不能直接设置宽高
		                 不能直接设置上下的外边距
		
		*行内元素不能嵌套块级元素

5.属性
在这里插入图片描述
6.语法
在这里插入图片描述

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页