HTML-1-简介

1、概述

  什么是HTML,全称:HyperText Markup Language,超文本标记语言。 HTML严格意义上说只能说是一种规范,一种浏览器上的规范。标签语言,不能称为编程语言,因为HTML中没有变量,数据类型,控制语句,循环语句。
  什么是超文本?超级文本,例如流媒体,声音,视频,图片等;标记语言? 这种语言是由大量的标签组成。

标签,任何一个标签都有开始标签和结束标签,例如:
<标签>: 开始标签
</标签>: 结束标签

2、常用浏览器

世界上有五大主流浏览器
IE 微软
FireFox 火狐
Chrome 谷歌
Opera 欧朋
Safari Mac OS专用(苹果专用的浏览器)

国内前端程序员主要安装三个
IE
FF
Chrome

前端程序员开发完成后需要在不同的浏览器上运行测试编写的网页,以便发现浏览器兼容问题。

3、Web程序员

web程序员包括:

web前端程序员:
需要精通:html css JavaScript
web前端主要是负责:前端浏览器展示的效果,满足客 户要求:要炫酷,要震撼…
web前端页面展示的时候,是需要后台动态数据的,这些数据
由后台的java程序或者c++程序提供的

web后端程序员:
需要精通:C语言,Java,C++都有可能,根据开发 项目环境等决定具体这个项目需要什么后端语言

这种具有前后端的系统架构被称为B/S结构系统。
B:browser(浏览器)
S:server(服务器)

4、HTML文件结构

(1)文件结构总览

<!DOCTYPE html><!--声明文档类型,声明的是html的版本,!DOCTYPE html最新的HTML5-->
<!-- 要出现在整个文件的第一行 -->
<!-- HTML1.0 2.0 3.0 4.0 4.01 -->
<!-- 实际意义上,声明不是标签,它是之时web浏览器关于页面使用哪个版本的HTML进行编写 -->
<html>
	<head>
		<meta charset="utf-8"><!--设置字符集标签-->
		<!-- meta标签是元数据标签 作用是告诉浏览器和搜索引擎关于我们网页的一些基本信息 -->
		<!--属性名称="属性值"是标签内属性的写法-->
		<!-- 字符集就是规定整篇文档所用的字符格式 -->
		<!-- 常见的字符集:
			1.ISO-8859-1 英文
			2.GB2312 简体中文
			3.GBK 简体和繁体
			4.utf-8 万国码-->
		<!-- 字符集会根据所包含的语言种类改变大小,种类越多,字符集越大,占用的缓存就会变大 -->
		<!-- 当在开发阶段,尽量采用能表示所有页面中文字的容量最小的字符集
		 1.中文小说页面,中文字符集就可以
		 2.翻译网站,使用万国码-->
		<meta name="keywords" content="关键字"/><!--网站的关键字-->
		<meta name="description" content="简介信息"><!--网站的简介信息-->
		<link rel="stylesheet" type="text/css" href="guoke.css"/><!--CSS引入head中,原因是需要提前加载样式,给客户一个好的体验视觉-->
		<title></title>
	</head>
	<body>
		网页的内容
		<script src="./guoke.js"></script><!--JS尽量在body的尾部引入,原因是可以缓解浏览器的压力,增强网页加载速度-->
	</body>
</html>

(2)三种标签模型
1.block模型 块模型 :独占一行且可以设置大小
2.inline模型 行内模型:不独占一行但是不能设置大小
3.inline-block模型 行内块模型:不独占一行且可以设置大小

我们下期再见

下期链接:link

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 1024 设计师:白松林 返回首页