在线
客服

在线客服
尊敬的客户,我们24小时竭诚为您服务 公司总机: 0755-83312037 (32条线)

客服
热线

0755-83312037 (32条线)
7*24小时客服服务热线

?

关注
微信

关注官方微信
TOP

返回
顶部

静态网站制作基础知识(2)

发布时间:2020-05-18浏览次数:1062 主体:主要的展示平台
<body>标签的作用正是展示信息的平台。
各式各样的标签都能在其中大放异彩,标题标签,段落标签,图片标签,标签.....
每一个标签都需要成对出现,当然也有意外,因为它们天生如此。在后面介绍。
在此之前,我们先学习如何给文档进行注释,以此,我们在以后看到这些代码的时候,也能够知道当时我们的想法是怎样的。
注释标签
<!--注释内容-->
浏览器不会解析注释内容,因为对浏览器没有用处,相反,注释能给带给开发者帮助。
下面开始介绍各式标签,所有的网页都基于此搭建而成,一个完整的网站会存在样式表,它们能够美化网站,当然,样式表会在以后介
绍。

标题标签
<h1>-级标题</h1>
共六级,数值越大则标题大小越小,-个网页标准的做法是只出现-次- -级标签 ,它们是整个网页所需展示的重要摘要。
此标签不多做介绍,进行尝试,于<body>标签内。而非网页的头部标题,是不-样的。
段落标签
<p>总结起初写于2017年9月12号,是学习的经验,知识分享,当然其中也不乏有错,希望看这篇文章的道友能够多多指点,修改错误
的内容。</p>
段落标签用于载入一段文字,或是一篇文章, <p>标签会在前后创建一些空白以突出内容, 可以使用样式表美化它,当然,几乎所有的
标签都可以使用样式表进行美化。
值得注意的是,在源代码中,如果有换行符,浏览器会采用空格来替代它们,因此需要换行的话,需要在源代码的文章进行更改,采用
换行标签来替代源代码中的换行。
进行尝试,于<body>标签内。

字体样式标签
在前面我们学习了两种标签,分别是标题标签和段落标签,如果你没看到,可以看看之前的介绍以及内容。
字体样式标签可以对字体产生影响,从而达到突出字体,让其更为明显,可以很直观的看到。
主要的,且使用次数较多的样式标签如下:
<em> <strong> <dfn> <code> <samp> <kbd> <cite>
实际上,这些标签都用于区分内容,以达到显要的,强调开发者所要表达的事物,比如某些关键字,引用的文章内容,或是重要的信
息。
作为简短的介绍,我在知名HTML教学网站上看到了这些标签的简介,因此,在此不多做标签介绍。
以上字体样式标签的简介网址: http://www.w3school.com.cn/tags/tag_ phrase_ elements.asp


特殊符号
有些符号作为HTML的语法符号,在网页实际中并不可见,因此,只能使用特定的转义符来显示它们。
在这里,我将写一-些常用的转 义符以达到读者可以理解其作用。
空格(&nbsp;) 大于号(&gt;) 小号(&lt;)
引号(&quot;) 版权符号(&copy;)
网页支持的转义符网址: http://www.w3school.com.cn/tags/html_ ref_ symbols.html
换行与水平线标签
一个标签可以使用样式表进行美化与设置,有时候当没有引用样式表的时候,可以使用这些实用性标签进行美化,这里就先介绍换行与
水平线标签。
你发现了没有呢?标题标签单独占用了一行,而有些标签则一个紧挨着一个。
实,标签分为两类,分别为:块级标签和行内标签(在CSS中,称之为块级元素以及行内元素)。
块级标签对于目前我们所学习的这些,并没有能力改变它.们.... .但我们能够改变行内标签。
<br />标签,该标签可以使行内标签进行换行,如果在行内标签前后各输入此标签,则该行内标签将成为伪块级标签,在用户看来,它
单独的占据了一行。
换行标签仅仅只是简单的开始新的一行,因此此标签是一个空标签, 并无需成对出现。
有时候我们需要区分上下文内容,但若使用换行标签会显得有些突出,过于猛烈了。因此,可以使用分隔线来区分它们。
<hr />标签,该标签可以在上下文中,产生一条水平线,以此来分隔、区分内容,例如标题和文章内容。其含义实际上是单词的缩写:
水平分隔线(horizontal rule) ;


实践
现在你掌握的知识其实已经能给制作一-些很简单的网页,且拥有可浏览性。
开始进行实践,来制作你的第二个网页。

网页源码:

实际上也可以在<p>标签内嵌套换行标签达到换行的目的,但也可以在在所需换行的时候,创建一个新的<p> 标签以展示内容。
第二个实践项目很简单吧?其实,前端并非我们所想象的那样复杂,只是我们在灌输式教育前丢失了小时的创意....