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>
最后页面显示: