Web基础笔记之——HTML结构

标题Web的三要素:

  1. 结构(html):对网页元素进行分类整理,类似于人的骨架。
  2. 表现(Css):设置网页的外观,包括颜色、大小、版式,类似于人穿的衣服。
  3. 行为(Jscript):网页模型的定义及交互的编写,类似于人的动作行为。(理解上有些模糊

HTML的结构

<html>
  <head>
    <title></title>
   </head>
   <body>
   </body>
 </html>

标签之间的关系

  1. 包含关系(父子)eg:html 和body、head
  2. 并列关系(兄弟)eg:body与head

排版标签

  • 标题标签:文本内容的标题,共6级,从1—6级字体依次减小。它与HTML结构中的title不一样
  • 段落标签:用于文本分段,段落与段落之间有较大的空隙。每个段落只能用一对段落标签。
  • 水平线标签:用于产生一条直线,可用于排版。单标签
  • 换行标签:产生的效果类似于回车键,可以分段,但段落间的间距较小。**可用于段落标签之间,也是单 标签 **
    最上面的火狐主页是title,下面忆江南是head。
    在这里插入图片描述
    排版标签的对应的代码

文字格式标签

  • 加粗
  • 斜体
  • 加删除线
  • 加下划线
    文本格式标签在HTML里使用时一般采用字母较长的标签

用这几种关系做出的效果图
效果图实现的代码:

<html>
   <head>
        <title>
            忆江南
        </title>
   </head>
   <body>
   <h1>忆江南<u>(1)</u></h1> <em>唐.白居易</em>
<p><strong>江南好</strong>,风景旧曾谙。<u>(2)</u></p>
<p>日出江花红胜火,春来江水绿如蓝,<u>(3)</u> 能不忆江南?</p>
<hr />
<p><h2>作者介绍</h2></p>
<p>白居易(772-846) ,字乐天,太原(今属山西)人。
唐德宗朝进士,元和三年(808)拜左拾遗,后贬江州(今属江西)司马,移忠州(今属四川)刺史,又为苏州(今属江苏)、同州(今属陕西大荔)刺史。
晚居洛阳,自号醉吟先生、香山居士。其诗政治倾向鲜明,重讽喻,尚坦易,为中唐大家。
也是早期词人中的佼佼者,所作对后世影响甚大。</p>
<p><h2>注释</h2></p>
<p>(1)据<ins>《乐府杂录》</ins>,此词又名<ins>《谢秋娘》</ins>,系唐李德裕为亡姬谢秋娘作。又名《望江南》、《梦江南》等。
分单调、双调两体。单调二十七字,双凋五十四字,皆平韵。<br />
(2)谙(音安):熟悉。<br />
(3)蓝:蓝草,其叶可制青绿染料。</p>
<p><h2>品评</h2></p>
此词写江南春色,首句“江南好”,以一个既浅切又圆活的“好”字,摄尽江南春色的种种佳处,而作者的赞颂之意与向往之情也尽寓其中。
同时,唯因“好”之已甚,方能“忆”之不休,因此,此句又已暗逗结句“能不忆江南”,并与之相关阖。<br />
次句“风景旧曾谙”,点明江南风景之“好”,并非得之传闻,而是作者出牧杭州时的亲身体验与亲身感受。这就既落实了“好”字,又照应了“忆”字,不失为勾通一篇意脉的精彩笔墨。<br />
三、四两句对江南之“好”进  行形象化的演绎,突出渲染江花、江水红绿相映的明艳色彩,给人以光彩夺目的强烈印象。其中,既有同色间的相互烘托,又有异色间的相互映衬,充分显示了作者善于著色的技巧。<br />
篇末,以“能不忆江南”收束全词,既托出身在洛阳的作者对江南春色的无限赞叹与怀念,又造成一种悠远而又深长的韵味,把读者带入余情摇漾的境界中。 
<p><del>此诗应该天上有,人间能有几回春?</del></p>   
</body>
</html>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值