Preface: This case uses the knowledge points of HTML5 and CSS3, uses HTML5 to set the basic layout of the page, and uses CSS3 to set the color, size, type, and centering of the font, making the page design more beautiful.
The President Office of Emgrand Group notified the HTML5 code of the web page design as follows:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="111.css"/>
<!--
link标签:调用外部css样式
-->
</head>
<body>
<hr />
<h1 id="aaa">帝豪集团总裁办通知</h1>
<hr />
<p>【发布单位】集团总裁办</p>
<p>【发布文号】集团总裁办发〔2023〕17号</p>
<p>【发布日期】2023年7月27日</p>
<p id="b">各子公司，各直属机构:</p>
<p id="cc">《2023年第三季度工作计划安排》已经集团董事会同意，现印发给你们，请结合实际认真贯彻落实。</p>
<p class="e">集团总裁办</p>
<p class="e">2023年7月27日</p>
</body>
</html>
The President’s Office of Emgrand Group notified the full CSS3 code of the web design as follows:
p{
font-family: "微软雅黑";
font-size: 23px;
}
#aaa{
color: #FF0000;
text-align: center;
font-family: "微软雅黑";
}
#b{
font-family: arial;
font-size: 20px;
}
#cc{
font-size: 18px;
text-indent: 2em;
}
.e{
text-align: right;
font-size: 15px;
}
/*
font-size:字体大小
font-famiily:字体类型
text-align: center;字体居中，浏览器默认字体靠左
text-indent:2em:段落首行缩进2个字符
color:字体颜色
*/
Emgrand Group President Office Notice web page design pictures are as follows:
