HTML Webページデザインの実現方法に精通している。
基本的な文法規則を理解している
。HTMLWebページコーディング標準に精通している。
シンプルな静的Webページデザインを実現する
-
ラベル定義段落
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第一网页</title>
</head>
<body>
<p>这是段落</p>
<p>这是段落</p>
<p>这是段落</p>
</body>
</html>
操作結果
2.要素はドキュメントの本体を定義し、Webページの背景はbackground-colorでデザインできます
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第二网页</title>
</head>
<body style="background-color:blue">
<p>
<b>请看:改变了颜色的背景</b>
</p>
</body>
</html>
実行結果
3。
ラベルは改行に使用されます
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第三网页</title>
</head>
<body>
第一<br>
第二<br>
第三<br>
</body>
</html>
操作結果
4. ラベルは、テキストのフォント、フォントサイズ、フォント色を指定します
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第四网页</title>
</head>
<body style="background-color:pink">
<h2 align="center">
<font color="red">绝句</font>
</h2>
<h4 align="center">杜甫</h4>
<p align="center">
<font size="S" face="华文行楷" color="blue">
两个黄鹂鸣翠柳,一行白鹭上青天<br>
窗含西岭千秋雪,门泊东吴万里船<br>
</font>
</p>
<hr width="100%" size="0.5px" color="green"/>
<font size="2px">
这首《绝句》是诗人住在成都浣花溪草堂时写的,描写了草堂周围明媚秀丽的春天景色。(杜甫),字于美,其先襄阳人。<br/>
</font>
</body>
</html>
5.タイトルのサイズを示します
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第五网页</title>
</head>
<body style="background-color:blue">
<h1>Look!Styles and colors</h1>
<h3><font face="Verdana" color="red">This text is in Verdana and red</font>
</h3>
<h4><font face="Times" color="green">This text is in Times and green</font>
</h4>
<p><font size="30px">This text is 30 pixels high</font>
</p>
</body>
</html>
さまざまなタグの使用法を理解し、要件に応じて美しくエレガントなWebページをデザインできます〜
もちろん、これらのタグ以外にも、さまざまな要件に応じてタグの使用法を照会できます