一、认识Web
什么是web
web(World Wide Web)即全球广域网,也称为万维网,它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务,为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面,其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。
什么而是Web前端?
Web前端一般由多种开发技术制作,是给用户展示的网页页面,即网站的前台部分。
那这里的所谓的多种开发技术就是我们本次课程要学习的东西,其中包含:
更高端的前端技术:
二、认识HTML
什么是html
HTML的全称为Hyper Text Mark-up Language 翻译过来就是超文本标记语言,是一种标记语言。它包括一系列标签也可称作标记或者元素。通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。HTML是目前网络上运用最广泛的前端技术之一,也是网页构成最主要的部分之一。
超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。
HTML是WEB编程的基础,HTML之所以被称为超文本标签语言,是文本包含了所谓的“超级链接”和媒体文件。
HTML结构由头部(head)和主体(body)构成
- 头部描述了浏览器所需的信息
- 主体包含要说明的具体内容
需要说明的是HTML语言不是一种编程语言而是一种描述性语言,用于描述超文本内容的显示方式。比如,文字以什么颜色大小显示,图片以什么尺寸位置显示。
HTML特点
1、简单灵活;
2、可扩展性,HTML采取子类元素的方式,为系统扩展带来保证;
3、平台无关性,HTML可以使用在广泛的平台上;
三、学习准备工作
- 开发环境:记事本工具即可,建议使用sublime软件,因为他是专门为书写代码而设计的,具有一些辅助作用。
- 运行环境:只要你有电脑,装有操作系统,那一定有浏览器,有这个就足够。这里建议大家使用google chrome。
四、网页分类
-
静态网页
是指不修改网页源码的前提下,网页无论在何时何地被浏览都将显示相同的内容。静态网页一般以html、htm结尾。
-
动态交互式网页
交互式网页是指用户提交给网站信息,网站根据用户提交的信息响应用户的要求。比如网上注册、论坛、调查等等。这种网页一般以aspx,jsp,php,asp等
五、HTML基本语法
-
语法结构:HTML标签
<标签 属性 = “值”>内容</标签>
<p align = "center">标签内容</P>
-
语法格式:
<p align = "center">标签内容</p>
<p align = "center">表示标签开始
</p>表示标签结束
align表示属性名
center表示属性值
-
语法解析
标签通常成对出现,分为其实标签和结束标签,结束标签只是开始标签前面加一个“/”
标签可以有属性,属性必须有值
标签开始和标签结束中的内容称之为区域
标签不区分大小写p跟P是相同的。
接下来就开始正式的学习了