关闭

南大软院21天大神养成计划-第二天

标签: 南大软院21天大神养成计划-第二天
179人阅读 评论(0) 收藏 举报
分类:

从今天开始我接触了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中输入空格和回车是没有用的,如果我们需要的话我们可以输入&nbsp,一个字符为一个空格,有时候我们为了给文章美观,我们需要给分隔的段落加入水平横线,我们就可以采用<hr>标签,会使我们的文章看起来更加的整齐。<address>标签:为网页加入地址,有时候需要电子邮件,签名,或者文档的作者身份时候,我们就可以用此标签。<code>标签:这个标签对我们理工科的学生非常的作用,我们常常有很多的公式代码语言,我们怎么显示在网页上呢,这就成了一个问题,html为我们考虑挺周到,通过这个标签我们可以引入一行标签,如果多行的话我们就可以使用<pre>标签来引用。

学习的这么多的标签用处,不知不觉让我对网页的制作充满了向往,在html这样一个代码贯通的软件里面里,我们得学好标签是基础中的基础,第二天我的学习就是这么多,明天继续加油,学习更多的标签和网页制作的基础,为接下来的事情做准备。


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1802次
    • 积分:74
    • 等级:
    • 排名:千里之外
    • 原创:6篇
    • 转载:0篇
    • 译文:0篇
    • 评论:1条
    文章存档
    最新评论