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

原创 2015年11月18日 22:42:07

从今天开始我接触了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这样一个代码贯通的软件里面里,我们得学好标签是基础中的基础,第二天我的学习就是这么多,明天继续加油,学习更多的标签和网页制作的基础,为接下来的事情做准备。


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

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

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

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

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

我是南大非软件学院的一名学生,目前在参加南大软院的网页设计大赛,这是我初步开始学习这个软件,如有错误,还请各位能指正,谢谢 上面是我今天的学习情况,下面我来总结今天我所学到的内容:今天的我完...

南大软院大神养成计划-Web前端入门学习归纳第二天-认识前端开发工具Dreamweaver(2)

接上篇 五、智能提示功能 DW对各种不同的语言文件的各种标签、CSS文件的各种属性、编写代码时的各种操作、JAVAscript语言中的函数关键字等都有提示,对语法错误也会立即在行号上有提示,这些对...

南大软院大神养成计划--第二天学习CSS的基础归纳

总算学完了基础,虽然以前学过,但还是认真看完了每一章,加深了各个基本元素的认知程度。 以前做网页作业总喜欢建立一个div标签在css里设置div{display:block; position:abs...

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

今天是南大软院大神养成计划实施的第二天,在这一天中,我学习了HTML+CSS基础教程,由于上过网页工程实训,所以对于这章内容,我更多是查漏补缺,看看自己哪里不会,然后补充知识,毕竟实训时间只有4天,讲...

南大软院大神养成计划——第三天

第三天 终于结束了 慕课HTML+CSS部分的HTML基本语句~~~ 今天 看完HTML以后 我需要冷静一下 回顾一下 嗯,就这样。 表单中的各种按钮~~~ 1st. 提交按钮 ...
  • YaKIcoo
  • YaKIcoo
  • 2015年11月18日 23:48
  • 178

南大软院大神养成计划--day08

Jsp生命周期 :其中jspService()方法处理客户端请求。Servlet常驻内存, Servlet类的对象称为一个servlet,当客户请求一个JSP页面时,Tomcat服务器自动生成Jav...
  • TimeSea
  • TimeSea
  • 2015年11月23日 22:15
  • 280

南大软院大神养成计划--HTML和CSS基础课程

初步了解HTML    准确来说今天是自主学习的第二天,选择了基础的课程html。在今天的学习过程中也感到了计算机语言的优美,个人感觉它还是非常有趣的。简要记录一些今天个人所学和所得。 认识Htm...

南大软院大神养成计划--网站

(1)在制作之前进行首页布局分析,弄清盒子之间的关系,分为顶部,LOGO区,导航区,大图广告区,之后一般分为3个区按功能规划,底部版权区。(2)页面头部制作,分析头部结构,分析盒子结构,根据功能设计样...
  • hiiiji
  • hiiiji
  • 2015年12月03日 21:20
  • 173
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:南大软院21天大神养成计划-第二天
举报原因:
原因补充:

(最多只允许输入30个字)