web网页设计学习记录(四)

1.什么是标题文字标记呢?

在页面中,标题是一段文字内容的核心,所以总是用加强的效果来表示。网页中的信息可以分为主要点、次要点,可以通过设置不同大小的标题,为文章增加条理。标题文字标记的格式为:         标题文字

①#可以取1~6之间的整数,为1时字体最大,相应的为6时字体最小;

②属性align用于设置标题的布局,缺省时默认为left;

实例代码如下:


    标题文字标记应用  
  
     

h1号标题 靠中央

h2号标题 靠左

h3号标题 靠右

h4号标题 缺省

h5号标题
h6号标题

效果图如下:

web网页设计学习记录(四)_第1张图片

2.如何定义标题栏中的标题呢?

进行定义,与网页标题不同,标题格式显示在浏览器窗口内,而不显示在浏览器的标题栏中;

3.如何对文本字体进行设置呢?

使用字体标记...,在网页中为了增强页面的层次,其中的文字可以用不同的大小、字体、字型、色彩。用标记设置字号(被W3C列为不建议使用的标记,以后将学习用CSS来设定字体)。设置文字大小的格式为:         被设置的文字

 ①标记可设定文字的字体、字号和色彩;

 ②size用来设置文字的大小。数字的取值范围从1~7,size取1时最小,取7时最大;

 ③face用来设置字体。如黑体、宋体、楷体_GB2312、隶书、Times New Roman等;

 ④color用来设置文字色彩;

实例代码如下:



    文字标记应用  
  
     文字 缺省
     宋体1号红色字体
     圆体2号绿色字体
  

效果如下:

web网页设计学习记录(四)_第2张图片

4.对于文本字体还有特殊要求怎么办?

web网页设计学习记录(四)_第3张图片

5.若有特殊符号需求,应当如何做?

web网页设计学习记录(四)_第4张图片

6.为唐诗《回乡偶书》用html语言做一张网页显示,要求如下:    

① “回乡偶书”用2号标题居中显示;作者“贺知章”用5号标题同样居中显示;

②正文的四句诗分两行显示。其中前两句用绿色的4号隶书字体加粗显示;后两句用红色的4号幼圆字体以倾斜的效果显示;    

③正文和标题之间加一条兰色的三号水平线进行分隔;

⑤最后对本诗的解析部分,要求独立成一段,并且中间不换行;

解决以上问题代码如下:


    回乡偶书实例  
  
    

回乡偶书

贺知章

少小离家老大回,乡音无改鬓毛衰

儿童相见不相识,笑问客从何处来

(1)偶书:随便写的。偶:说明诗写作得很偶然,是随时有所见、有所感就写下来的。(2)少小离家:贺知章三十七岁中进士,在此以前就离开家乡。(3)老大:年纪大了。贺知章回乡时已年逾八十。(4)乡音:家乡的口音。(5)无改:没什么变化。一作“难改”。(6)鬓毛衰:指鬓毛减少,疏落。鬓毛:额角边靠近耳朵的头发。一作“面毛”。衰:减少,疏落。(7)相见:即看见我。相:带有指代性的副词。(8)不相识:即不认识我。(9)笑问:一本作“却问”,一本作“借问”。

效果图如下:

web网页设计学习记录(四)_第5张图片

7.什么是超链接呢?

超链接(Hyperlink)网页互相联系的桥梁,超链接可以看作是一个“热点”,它可以从当前网页定义的位置跳转到其他位置,包括当前页的某个位置、Internet或本地硬盘或局域网上的其他文件,甚至跳转到声音、图片等多媒体文件。浏览网页是超链接最普遍的一种应用,通过超链接还可以获得不同形态的服务,如文件传输、资料查询、电子邮件、远程访问等。

8.如何建立超文本链接呢?

使用锚点(anchor)标记定义,它在网页上建立超文本链接。通过单击一个词、句或图片,可从此处转到另一个链接资源(目标资源),这个目标资源有惟一的地址(URL)。具有以上特点的词、句或图片就称为热点标记的格式为: 热点

(1)href属性为超文本引用,是目标资源的有效地址。如果要创建一个不链接到其他位置的空超链接,可用“#”代替URL,即 热点 ;      

(2)target属性设定链接被单击后结果所要开始窗口的方式。可选值为:_blank,_parent,_self,_top;   

9.使用锚点是需要打开其他页面,使用相对地址有何规则?

首先建议大家都使用相对地址来进行描述,这是血的教训得来的!以下是相关规则:

 (1)链接到同一目录内的网页文件: 链接到同一目录内的网页文件的格式为 热点文本

 (2) 链接到下一级目录中的网页文件: 链接到下一级目录中网页文件的格式为 热点文本

 (3) 链接到上一级目录中的网页文件:链接到上一级目录中网页文件的格式为 热点文本 其中“. . /表示退到上一级目录中);

 (4) 链接到同级目录中的网页文件:链接到同级目录中网页文件的格式为: 热点文本

10.以上都是各页面之间的超链接跳动,如何实现在当前页面实现超链接呢?

 要在当前页面内实现超链接,需要定义两个标记:一个为超链接标记,另一个为书签标记。(即将之前的地址改为书签);

(1)超链接标记的格式为: 热点文本

(2)书签就是用标记对该文本作一个记号。格式为: 目标文本附近的字符串

实例代码如下:


    回乡偶书实例  
  
学习方法一:look
学习方法二:look
学习方法三:look
学习方法四:look

一、专注,切忌一心多用   人人都有个非凡的大脑,但它无法同时处理很多事情。想要提高效率,在做事时,我们需要把注意力一次只集中在一至两项任务上。这意味着学习时不要背景音乐——它不会帮助你学习。   在学习过程中不要试图做多项任务,当你非要这么做时,大脑就只能拚命在多项任务之间快速切换。但是,每当你分心并转换关注点时,要想集中精力重回正在关注的内容就得耗费好几分钟。

  

二、睡得好,学得好   学习不易,能够做到专注对于消化新的信息和理解概念来说就非常重要。当你睡得好时,第二天就会精力旺盛,注意力更加集中。   睡眠对前一天发生的事情也很重要。针对动物与人类开展的广泛研究表明,睡眠的一个重要功能就是重新处理和巩固白天发生的事情,而且睡眠对长效记忆起着不可或缺的作用。

  

三、自我测试   考试效应是一个由来已久的学习现象。本质上讲,我们通过测试而非反覆学习资料可以学得更好。所以,如果很快就会有个考试,请不要只是反覆学习一本教材或者划划重点。相反,通过模拟考试全面检测自己所掌握的知识。   积极回忆所学内容会有助于更深入的学习,对自己测试完再对照答案,看看自己究竟问题出在哪里,这样会进一步提高学习效果。这种学习方法可以随时进行,当你正在学一本教材时,可以给自己来个小测验,试着回忆你学完的每一章要点。

四、分散学习,不要临时抱佛脚   老师和家长总是告诉我们,填鸭式学习是一种错误的学习方式,这很有道理。相反,间隔效应会让我们获得更好的学习效果,这种方法是把所学内容分几天、数周或数月重复学习,然后每隔一段时间就回过头来温习所学内容。   每当你练习一些东西时,你就会让大脑有机会加强神经元之间的联系。虽然最佳间隔策略尚不清楚,但我们确实知道,时间长的间隔会好过时间短的。换句话说,最好在一天内复习所学内容,一周和一个月后分别重温习所学内容。

效果图入下:

web网页设计学习记录(四)_第6张图片

11.若要建立指向其他页面某处的文本怎么办?

同样使用标记,格式为:在主页面 热点文本 ,然后在跳转到的位置处加上链接标记: 文字串  ;

12.若要链接指向其他文件的某一部分怎么办?

热点文本  ,同样要在目标位置加上链接标记:文字串;

13.若要链接指向的文件为非HTML文件该如何实现?

如果链接到的文件不是HTML文件,则该文件将作为下载文件,其格式为: 热点文本   ;

例如单击指向电子邮件的链接,将打开缺省的电子邮件程序,如FoxMail、Outlook Express,并自动填写邮件地址。指向电子邮件链接的格式为: 热点文本  ;

为便于理解,有实例代码如下:



下载基地
                         
  名称:foxmail 简体中文版 5.0.800.0(下载)
主页:http://www.foxmail.com.cn/
信箱: abc123@sohu.com
介绍: FoxMail 是一个中文版电子邮件客户端软件......

     效果图如下:

web网页设计学习记录(四)_第7张图片

14.用代码实现以下要求:

①在目录的《静夜思》和《回乡偶书》上建立超链接。分别链接到tangshi文件夹中的jys.html和hxos.html网页文件;

②在jys.html网页文件的“目录”两个字上建立超链接,使之重新链接回目录网页文件mulu.html;

③在hxos.html网页文件的“简析”两个字上建立指向jianxi文件夹中jianxi.html网页文件的链接,并要求使用书签标记,链接到其中有关《回乡偶书》简析的部分;

解决方案如下:

首先新建一个名为tangshi的文件夹,并建立三个名分别为hxos,jys,jianxi,mulu的文本文件,然后就可以开始写代码啦;

①hxos.html中代码如下:

hxos

乡偶书

贺知章

少小离家老大回,乡音未改鬓毛衰。

儿童相见不相识,笑问客从何处来。

赏析:点击查看

hxos.html页面效果如下:

web网页设计学习记录(四)_第8张图片

②jys.html中代码如下:

jys

静夜思

李白

窗前明月光,疑是地上霜。

举头望明月,低头思故乡。

目录

jys.html的页面效果如下:

web网页设计学习记录(四)_第9张图片

③jianxi.html中代码如下:

shangxi

赏析

这是一首久客异乡、缅怀故里的感怀。写于初来乍到之时,抒写久客伤老之情。在第一、二句中,诗人 置身于故乡熟悉而又陌生的环境之中,一路迤逦行来,心情颇不平静:当年离家,风华正茂;今日返归, 鬓毛疏落,不禁感慨系之。首句用“少小离家”与“老大回”的句中自对,概括写出数十年久客他乡的 事实,暗寓自伤“老大”之情。次句以“鬓毛衰”顶承上句,具体写出自己的“老大”之态,并以不变 的“乡音”映衬变化了的“鬓毛”,言下大有“我不忘故乡,故乡可还认得我吗”之意,从而为唤起下 两句儿童不相识而发问作好铺垫。

   jianxi.html的页面效果如下:

web网页设计学习记录(四)_第10张图片

④mulu.html中代码如下:

mulu

目录


mulu.html页面效果如下:

web网页设计学习记录(四)_第11张图片

至此以上要求就得到了完美满足!

你可能感兴趣的:(前端,学习,javascript)