web前端开发第4次Dreamweave课堂练习/html练习代码《出版界推出一批纪念抗美援朝胜利70周年主题图书》

目标图片:

web前端开发第4次Dreamweave课堂练习/html练习代码《出版界推出一批纪念抗美援朝胜利70周年主题图书》_第1张图片

文字素材:

出版界推出一批纪念抗美援朝胜利70周年主题图书
2023-08-01来源:新华社

为纪念抗美援朝战争胜利70周年,出版界集中推出了“抗美援朝亲历记丛书”《新中国立国之战——抗美援朝战争的回顾与思考》《毛泽东与抗美援朝》《周恩来与抗美援朝》《抗美援朝文物背后的故事》《跨过鸭绿江:抗美援朝影像记忆》《红色经典连环画:跨过鸭绿江》等一批主题图书。

这些图书涵盖口述史、书信日记、学术研究、文学艺术等种类,主题鲜明、史料珍贵、内容丰富生动,通过述录先辈的奋斗,激励今人在复兴之路上坚定前行。

责任编辑:来芙萍

图片素材:

Dreamweaver运行代码:



无标题文档



网页设计语言基础练习案例


——几个从语义上和文字相关的标签

  • h标签(h1~h6):用来定义网页的标题,成对出现。
  • p标签:用来设置网页的段落,成对出现。
  • br标签:换行符、单独出现。
  • 列表标签:成对、成组。
  • span标签:无意义标签,成对出现。
  • 无序列表:ul  和  列表项:li
  • 有序列表:ol  和  列表项:li
  • 定义列表:dl 和 定义术语:dt 和 定义描述:dd
    • h标签(h1~h6)
      h是header的首字母缩写,后面的数字表示标题的级别。
      默认自带效果:加粗,自带间距,且独立成行。
      p标签
      p是paragraph的首字母缩写,用来设置段落文本。
      默认自带效果:段间距,且独立成行。
      br标签
      换行符,只回一行,行间距较小时可以使用,且不够精确。
      默认自带效段:换行。
      列表标签
      无序列表,默认列表符为实心圆点,有左填充,嵌套子列表的列表符会发生变化。
      有序列表,默认列表符为阿拉伯数字,有左填充。
      定义列表,没有列表符,dl后面要跟着dt和dd,一个dt可以和多个dd搭配,其中dd默认带左间距。
      列表元素是块级元素,能独立成行,一般不单独使用,因为单独的元素不能表达完整的语义,且有可能在样式的呈现上回出现意想不到的问题。
      span标签
      span无实际意义,没有固定样式,是行级元素。
      一般作为部分文本定义特殊样式时使用,完善排版。

      Edge浏览器运行截图:

      web前端开发第4次Dreamweave课堂练习/html练习代码《出版界推出一批纪念抗美援朝胜利70周年主题图书》_第2张图片

      Goole浏览器运行截图:

      web前端开发第4次Dreamweave课堂练习/html练习代码《出版界推出一批纪念抗美援朝胜利70周年主题图书》_第3张图片

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