【JavaWeb】Day01.HTML和CSS实现标题排版

       Web标准也称为网页标准，由一系列的标准组成，大部分由W3C（ World Wide Web Consortium，万维网联盟）负责制定。 三个组成部分：

• HTML：负责网页的结构（页面元素和内容）。
• CSS：负责网页的表现（页面元素的外观、位置等页面样式，如：颜色、大小等）。
•  JavaScript：负责网页的行为（交互效果）。                                                                      

什么是HTML、CSS? 

    1. HTML（HyperText Markup Language）：超文本标记语言。

        超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容。

     标记语言：由标签构成的语言。

•  HTML标签都是预定义好的。例如：使用<a>展示超链接，使用<img>展示图片，<video>展示视频。
• HTML代码直接在浏览器中运行，HTML标签由浏览器解析。

    2. CSS（Cascading Style Sheet）：层叠样式表，用于控制页面的样式（表现）。 

一.   HTML——新闻标题排版

上图为自动生成HTML模版

•  图片标签：<img>

       src：指定图像的url（绝对路径 / 相对路径）

路径书写方式：

       绝对磁盘路径，绝对网络路径，相对路径

       width：图像的宽度（px 像素 ;   %   相对于父元素的百分比）

       height：图像的高度（px 像素    %  相对于父元素的百分比）

调整图片宽度和高度像素。例如：

<img src="img/news_logo.png" width = "300px">

• 标题标签：<h1> - <h6>（标签从1到6字体大小依次减小）
• 水平线标签：<hr>

 最后页面显示：