- web就是world wide web 的缩写,称之为全球广域网。俗称www。
- 我们可以将web理解为当前的一种互联网。对于我们来说更多的就是网站服务。
- 网站可以认为是由多个网页组合在一起而形成的一种服务。
- web前端就是来负责一个网站当中前台网页里的内容
- <font color=red>网页就是由前端工程师使用html语言编写而成的一种网站,他里面会包含文字、图片、超链接、声音以及视频等内容。</font>(网页的本质就是一个html文件)
HTML基本介绍
- 定义:HyperText markup language 超文本标记语言。其中的超指的就是他能表达的内容不仅仅只是文字。
- Html语言发展历史
- 在互联网最初的时候,是没有HTML的。我们只能通过网络传输最简单的文字内容
- 随着用户的要求越来越多,同时也是我们技术的不断发展,就出现了一种可以表达文字内容之外的语言。---- HTML1.0
- html1.0 ---- Xhtml1.0(过渡) ---- xhtml2.0(放弃) ---- html5
HTML网页骨架
- 网页是我们通过HTML语言来书写。
- 在我们html语言去书写网页的过程中,我们发现有一些结构是默认必须存在的。这个结构我们就叫做网页骨架。
<!--通过这句话让浏览器明白,将来按照HTML的语法来解析这里的代码-->
<!DOCTYPE html>
<!--这就是我们网页当中最大的一个标签,我们称之为根标签-->
<html>
<!--他是属于html的“儿子”,我们称之为网页的头。在它里面我们会放置一些有用的信息。
这些信息是专门给浏览器看的-->
<head>
<!--设置字符集-->
<meta charset="utf-8">
<title>我是谁,我在哪?</title>
</head>
<!--网页的躯干-->
<body>
<!-- 但凡我们想让用户在浏览器的空白区域看到一些内容,那么就应该写在body之间。 -->
<h1>标题1</h1>
<p>我是段落1</p>
</body>
</html>
html标签
所谓的标签就是html语言的发明者人为定义好的一些单词。他就相当于我们汉语中的汉字
语法
语法就是用来定义这些字应该如何去解析或者书写的规则。
html标签中的常见标签及基本语法
我们人为的将html标签分为单标签和双标签两种。
<标签名称></标签名称> <!--双标签-->
<标签名 /> <!--单标签-->
常见的标签
标题标签
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
段落标签
<p>我是一个段落。</p>
换行标签
我要<br />换行
图片标签
<img src="img/c7009747edc42aaada5ba333e1e9e4848d1aa512.png" >
<!--src是图像的地址-->
超链接标签
<a href="www.jianshu.com">这是一个链接</a>