常常学习开头都很难,我们不懂什么是网页,今天我就以口水战的方式给大家讲解何为网页。
首先,告诉自己,网页就是一个很简单的东西,简单的只把文字图片视频等排列在一起显示在一个平面而已。
其次,任何一个好看且功能强大的网页都是由代码组成的。就像一道高深的数学算术题,总是要使用基本的加减乘除去计算它。
结构解析:
网页最基本的源代码标准,就是由数字和符号和字母组成的,只是浏览器将其按我们规定的标准来解析,将最终的效果展示出来:
我们规定这一对<html> </html>标签是一个网页最原始的标签.所有的其他代码都将写在这个标签之间.这样我们就告诉了浏览器你应该按网页来读我的这段字母代码.
在<html>标签之间,我们在为他加上其他的标签来告诉浏览器,这一段是什么,另一段是什么,
现在我们家上一对标签<tiltle></title> 这个标签称之为标题,就好比人的名字一样,为这个网页写一个标题,标示我这个网页的题目.他之间的文字内容信息在浏览器上显示出来的地方就是浏览器的标题栏里面哦.
在加上另一段标签<body></body>,body的意思身体,在网页中他的内容就将解析给我们看的地方.也就是现在你看浏览上直接看到的内容.所有的代码都写在这里面的.现在贴出来看看:
<html> <title>我是本网页的标题哦!</title> <body> 我是本网页内容显示区域. </body> </html>
刚才我已经说过,网页就是将文字和图片等排列组合显示给大家看的.那么如果我们仅仅是将所有的文字图片代码写在body里面就能达到一个很好的排列吗?答案是否定的.因为你没有任何指示给浏览器,浏览器不知道该如何显示你的这些信息.它将只能是一行一行的把全部东西显示.所以我们要告诉浏览器这一行文字显示在什么地方.用什么颜色,用什么背景等,这个图片显示在什么地方.
所以我们还需要为这个网页加一个标签来告诉浏览器显示内容的方式,那就是 CSS 代码. 它是放在 <html></html> 标签里面的还可以放在 body标签内..当然不能放在 title 等其他的表情内了.浏览器是不会将 css代码显示给我们看的.css代码就是规定如何排列你的内容显示.css标签我们一般都是放在了<title>标签对后面.当然css也可以不一定要写在本页面上,我们也可以使用另外一个专门的css文件来定义.只要告诉浏览器 css 文件在哪,浏览器就回自动加载.
常常一个网页是需要和用户进行互动的.网页仅仅只有简单的数据发送和接受功能,那么我们在页面上进行的一些交互就要借助于第三方工具了,那么是什么工具呢?很简单就是脚本.常用的就是javascript,浏览器也能支持.所以javascript脚本就写在标签<script>里面.当然也可以不写在本页面,只要指定他的位置.浏览器一样会加载.<script>这对标签可以放在网页的任何位置.包括<html>外~
以上便是html网页的最基本的代码结构解析.当然还有很多标签是没有介绍的.比如常用于搜索引擎的标签.这些标签将是一个高级网页制作人员和网络优化人员应该了解学习并应用的.我相信一个初学者现在不应该去贪学这些,否则会让自己学的东西成为了一团浆糊.知识应该是循序渐进的.学习.~内功不深厚,学习在剑招也枉然!
现在你应该学习的.就是html代码在body标签里面使用的最常见的标签对.是用来表示和控制内容的标签.
<div></div>
<h1></h1>...<h6></h6>
<p></p>
<span></span>
<a></a>
元素代码:
输入框 <input /> 图像 <img />
等等最常用的......你应该要记住他们.
同时这时候你应该学习一下其他的标签.不一定记住他们但是要知道他们.
记得他们以后,你就该开始学习基本的 CSS 代码..了解 css 代码写法 他们是怎么样控制 <div> 等这些标签的样式的.
当你学会了这些个基本的东西,就是你该加强熟练使用和强化记忆代码的功能.通过自己多实战才能从中取得经验.