Vorwort:
Das heute geteilte Design der Webseite zur Stellenausschreibung des Yixianyuan Teahouse ist der erste Blog in dieser Kolumne und auch ein kleiner praktischer Fall, den ich nach mehrstündigem Studium der Wissenspunkte geschrieben habe. Ich habe eine Idee und möchte das Yixianyuan Tea House als Inspiration nutzen, um den Code und die Ideen kontinuierlich zu optimieren und zu verbessern und eine Reihe exquisiter Webseiten zum Thema Tee zu entwerfen
Der vollständige Code des HTML-Designs der Webseite mit Stellenausschreibungen des Yixianyuan Teahouse lautet wie folgt:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="222.css"/>
</head>
<body>
<hr />
<h1 id="b">帝豪集团股份责任有限公司</h1>
<h2 class="w">逸仙园茶馆招聘启事</h2>
<hr />
<!-- <hr />标签的显示效果是一个横线，用来区分网页的不同板块-->
<h2>招聘岗位</h2>
<p>茶艺师10名：性别不限，年龄20至30</p>
<h3>岗位要求</h3>
<p>熟悉我国6大茶系，善于鉴别各种茶叶，熟练掌握各种茶叶的泡法</p>
<p>工作细心认真</p>
<h3>工资待遇</h3>
<p>6险1金，8千一月</p>
<p>上三休一，法定节假日轮休，团建</p>
<h3>服装要求</h3>
<p>女性茶艺师需汉服，男性茶艺师需唐装，集团统一发放</p>
<h3>工作地点</h3>
<p>北京市朝阳区三里屯xxx号</p>
<p>联系电话：12344556762</p>
<img src="images/北京.png" alt="" />
</body>
</html>
Die vollständigen CSS-Codes der Design-Webseite der Yixianyuan Teahouse Recruitment Notice lauten wie folgt:
#b{
text-align: center;
font-family: "微软雅黑";
color: #FF0000;
}
.w{
text-align: center;
font-family: "微软雅黑";
}
Das Designbild der Webseite mit Stellenausschreibungen des Yixianyuan Teahouse sieht wie folgt aus:
