综合应用HTML常用文本标记、图像标记及属性,设计如下图所示的网页效果,其中,图片素材见附件。请通过上传HTML代码作答。
要求:
(1)图像在左侧,文本在右侧;
(2)上边的“Web标准——结构标准”为粗体文字,下方加入5px粗的灰色“#2e2e2e”水平线;
(3)右侧的文本,重点词粗体,分为3个段落,分别使用不同的方法控制首行缩进2字符字体为“微软雅黑”,字号为18px。
(4)左侧图像设置超链接,分别能够在新窗口中打开下列URL地址:
https://www.w3school.com.cn/html5/index.asp
https://www.w3school.com.cn/css3/index.asp
https://www.w3school.com.cn/js/index.asp
图片素材1:
图片素材2:
图片素材3:
文字素材:
Web标准——结构标准
结构标准用于对网页元素进行整理和分类,定义网页的结构,主要包括XHTML和XML。HTML是用来描述网页内容的一种语言, HTML标签被预定义。XML标签没有被预定义,您需要自行定义标签。
表现标准用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。CSS (Cascading Style Sheets)即层叠样式表,用来设定网页的表现样式(“什么样子”)。
行为是指网页模型的定义及交互。主要包括DOM和ECMAScript两个部分。DOM ( Document Object Model)是文档对象模型。DECMAScript是ECMA以JavaScript为基础制定的标准脚本语言。
效果图:
要求:
(1)图像在左侧,文本在右侧;
(2)上边的“Web标准——结构标准”为粗体文字,下方加入5px粗的灰色“#2e2e2e”水平线;
(3)右侧的文本,重点词粗体,分为3个段落,分别使用不同的方法控制首行缩进2字符字体为“微软雅黑”,字号为18px。
(4)左侧图像设置超链接,分别能够在新窗口中打开下列URL地址:
https://www.w3school.com.cn/html5/index.asp
https://www.w3school.com.cn/css3/index.asp
https://www.w3school.com.cn/js/index.asp
图片素材1:
图片素材2:
图片素材3:
文字素材:
Web标准——结构标准
结构标准用于对网页元素进行整理和分类,定义网页的结构,主要包括XHTML和XML。HTML是用来描述网页内容的一种语言, HTML标签被预定义。XML标签没有被预定义,您需要自行定义标签。
表现标准用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。CSS (Cascading Style Sheets)即层叠样式表,用来设定网页的表现样式(“什么样子”)。
行为是指网页模型的定义及交互。主要包括DOM和ECMAScript两个部分。DOM ( Document Object Model)是文档对象模型。DECMAScript是ECMA以JavaScript为基础制定的标准脚本语言。
效果图: