从今天开始我接触了HTML+CSS基础课程，在这里我开始学习制作我的第一个网页，一个网页首先我得知道我要在哪里输入我的代码，我所需要的内容，通过这里面说明，我可以在<h1>和</h1>之间输入我们的所需要输入的字符串，在这里你们是否和我一样纳闷，难道所有的输入都在这里面，那么接下来我就把我学到的告诉大家。首先先介绍HTML和CSS，HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。
一个网页里面包含很多的东西：<h1></h1>是标题标签，你可以把标题填在之间，那么标题就可以显示在你想要的地方了，是不是很方便啊，<p></p>是段落标签，这个标签可以自动帮你形成段落，不需要你用敲回车来分段，当然你会发现空格和回车是无效的，这也就说明我们需要使用这个段落标签，如果我们需要差入一张图片的时候我们可以用img标签来完成，当然它在网页上的代码是<img src="1,jpg">大家看到这是不是都发现了一个问题，那就是问什么开始标签和结束标签不一样，结束标签比开始标签多了一个/，这就是标签的语法规定，标签与标签之间是可以嵌套的，但是先后顺序必须一样，
下面我们就来认识html文件的基本结构，对于标签当然级别肯定不能一样，不然就不能区别了，<html></html>是根标签，所有的网页标签都在这个里面，<head><title><style>等等成为头标签，<body>标签里面输入的是网页的主要内容，在这里标签中的内容会在浏览器中显示出来。上面说了几个基本标签，我们就来详细讲一讲：<head>是头部标签，它的作用时描述了各种属性和信息，因为我们写文档的时候，头部标签是用来吸引读者，用最简洁的话表面自己写的是什么，所以比较重要，在学习一种语言，比如C，C++,java时候我们都了解或多或少都有注释，当然网页上也不例外。
说了这么多，那么标签的用途总结一下到底是什么呢？其实用三个字概括：语义化。那么语义化又是什么呢？就是让你明白每个标签的用途，什么情况你使用什么标签比较合适、比较合理，
<body>标签：这里面是显示你所要显示的主要内容。<p>标签：这里面放的是一段文字。<hx>标签：它是用来制作文章标题的标签，一共有六个，h1、h2、h3、h4、h5、h6。分别为一级、二级、三级、四级、五级、六级标签。它是依据重要性递减的，一般一个网站最重要的都用<h1>标签。既然标签分了级别，那么一个文本我们也有自己重要的部分，希望能一眼就可以看到，那么我们可以采用<strong>和<em>，前者是粗体表示，后者是斜体表示，根据需要我们可以采用任何一种，比较方便更突出我们需要突出的内容。如果我们需要把某些文字不改变字体，只是改变颜色的话，我们可以用<span>标签，当然我们等先说明颜色种类。<q>是一种引用文本的标签，但是这是引用短文本，如果是长文本的话，我们要用<blockquote>,都是比较方便的，如果我们引用的文本，比如诗句，如果你要美观一下 ，那么你就可以在每一句的后面使用<br>标签，前面说到在HTML中输入空格和回车是没有用的，如果我们需要的话我们可以输入 ，一个字符为一个空格，有时候我们为了给文章美观，我们需要给分隔的段落加入水平横线，我们就可以采用<hr>标签，会使我们的文章看起来更加的整齐。<address>标签：为网页加入地址，有时候需要电子邮件，签名，或者文档的作者身份时候，我们就可以用此标签。<code>标签：这个标签对我们理工科的学生非常的作用，我们常常有很多的公式代码语言，我们怎么显示在网页上呢，这就成了一个问题，html为我们考虑挺周到，通过这个标签我们可以引入一行标签，如果多行的话我们就可以使用<pre>标签来引用。
学习的这么多的标签用处，不知不觉让我对网页的制作充满了向往，在html这样一个代码贯通的软件里面里，我们得学好标签是基础中的基础，第二天我的学习就是这么多，明天继续加油，学习更多的标签和网页制作的基础，为接下来的事情做准备。
扫一扫
652
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
