HTMLの基本(単純なHTMLページの効果を実装する)

HTML Webページデザインの実現方法に精通している。
基本的な文法規則を理解している
。HTMLWebページコーディング標準に精通している。
シンプルな静的Webページデザインを実現する

  1. ラベル定義段落

<!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ページをデザインできます〜
もちろん、これらのタグ以外にも、さまざまな要件に応じてタグの使用法を照会できます

元の記事を3件公開 Likes0 Visits13

おすすめ

転載: blog.csdn.net/stude2/article/details/105472231