1. 程式人生 > 其它 >JavaWeb7.2【HTML標籤、 檔案標籤】

JavaWeb7.2【HTML標籤、 檔案標籤】

    1. 檔案標籤:構成html最基本的標籤
      • html:html文件的根標籤
      • head:頭標籤。用於指定html文件的一些屬性。引入外部的資源
      • title:標題標籤。
      • body:體標籤
      • <!DOCTYPE html>:html5中定義該文件是html文件
    1. 文字標籤:和文字有關的標籤
      • 註釋:<!-- 註釋內容 -->

      • <h1> to <h6>:標題標籤

        • h1~h6:字型大小逐漸遞減
      • <p>:段落標籤

      • <br>:換行標籤

      • <hr>:展示一條水平線

        • 屬性:
          • color:顏色
          • width:寬度
          • size:高度
          • align:對其方式
            • center:居中
            • left:左對齊
            • right:右對齊
      • <b>:字型加粗

      • <i>:字型斜體

      • <font>:字型標籤

      • <center>:文字居中

        • 屬性:
          • color:顏色
          • size:大小
          • face:字型
      • 屬性定義:

        • color:
          1. 英文單詞:red,green,blue
          2. rgb(值1,值2,值3):值的範圍:0~255 如 rgb(0,0,255)
          3. #值1值2值3:值的範圍:00~FF之間。如: #FF00FF
        • width:
          1. 數值:width='20' ,數值的單位,預設是 px(畫素)
          2. 數值%:佔比相對於父元素的比例
<!DOCTYPE html>
<html lang="en"> <!--ch為中文-->
<head>
    <meta charset="UTF-8">
    <title>文字標籤</title>
</head>
<body>

    <!--換行-->
    白日依山盡,<br>黃河入海流。
    <br>
    白日依山盡,<br/>黃河入海流。
    <br/>
    <!--html語法不太嚴格,比如br加/或者不加都行-->

    <!--標題-->
    <h1>老龍灣烤活魚</h1>
    <h2>老龍灣烤活魚</h2>
    <h3>老龍灣烤活魚</h3>
    <h4>老龍灣烤活魚</h4>
    <h5>老龍灣烤活魚</h5>
    <h6>老龍灣烤活魚</h6>

    <!--段落-->
    <p>
        老龍灣烤活魚真香老龍灣烤活魚真香老龍灣烤活魚真香老龍灣烤活魚真香老龍灣烤活魚真香老
        龍灣烤活魚真香老龍灣烤活魚真香老龍灣烤活魚真香老龍灣
        烤活魚真香老龍灣烤活魚真香老龍灣烤活魚真香老龍灣烤活魚真香
    </p>
    <p>
        老龍灣烤活魚真香老龍灣烤活魚真香老龍灣烤活魚真香老龍灣烤活魚真香老龍灣烤活
        魚真香老龍灣烤活魚真香老龍灣烤活魚真香老龍灣烤活魚真香老龍灣烤活
        魚真香老龍灣烤活魚真香老龍灣烤活魚真香老龍灣烤活魚真香
    </p>
    <p>
        老龍灣烤活魚真香老龍灣烤活魚真香老龍灣烤活魚真香老龍灣烤活魚真香老龍
        灣烤活魚真香老龍灣烤活魚真香老龍灣烤活魚真香老龍灣烤活魚真香老龍灣
        烤活魚真香老龍灣烤活魚真香老龍灣烤活魚真香老龍灣烤活魚真香
    </p>

    <!--水平分割線-->
    <hr/>
    <hr color="red", width="200", size="10", align="left"/>

    <!--字型加粗-->
    正常字型<br/>
    <b>粗不粗</b><br/>

    <!--斜體-->
    正常字型<br/>
    <i>斜了嗎</i><br/>
    <hr/>

    <!--字型,h5已淘汰,但還可以用-->
    烤活魚香嗎?<br/>
    <font>烤活魚香嗎?</font><br/> <!--無引數設定時,預設無效果-->
    <font face="楷體">烤活魚香嗎?</font><br/>
    <font color="green", size="30" face="楷體">烤活魚香嗎?</font><br/>

    <!--居中,h5已淘汰,但還可以用-->
    烤活魚香嗎?<br/>
    <center>烤活魚香嗎?<br/></center>

</body>
</html>
  • 案例:公司簡介

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ITHEIMA</title>
</head>
<p>

<h1>公司簡介</h1>

<hr color="yellow"/>

<p>
    <font color="#a52a2a">"中關村黑馬程式設計師訓練營"</font>
    是由<b><i>傳智播客</i></b>聯合中關村軟體園、CSDN, 並委託傳智播客進行教學實施的軟體開發高階培訓機構,
    致力於服務各大軟體企業,解決當前軟體開發技術飛速發展, 而企業招不到優秀人才的困擾。
</p>

<p>
        目前,“中關村黑馬程式設計師訓練營”已成長為行業“學員質量好、課程內容深、企業滿意”的移動開發高階訓練基地,
        並被評為中關村軟體園重點扶持人才企業。
</p>

<p>
    黑馬程式設計師的學員多為大學畢業後,有理想、有夢想,想從事IT行業,而沒有環境和機遇改變自己命運的年輕人。 黑馬程式設計師的學員篩選制度,遠比現在90%以上的企業招聘流程更為嚴格。任何一名學員想成功入學“黑馬程式設計師”, 必須經歷長達2個月的面試流程,這些流程中不僅包括嚴格的技術測試、自學能力測試,還包括性格測試、壓力測試、 品德測試等等測試。毫不誇張地說,黑馬程式設計師訓練營所有學員都是精挑細選出來的。百裡挑一的殘酷篩選制度確 保學員質量,並降低企業的用人風險。
    中關村黑馬程式設計師訓練營不僅著重培養學員的基礎理論知識,更注重培養專案實施管理能力,並密切關注技術革新, 不斷引入先進的技術,研發更新技術課程,確保學員進入企業後不僅能獨立從事開發工作,更能給企業帶來新的技術體系和理念。
</p>

<p>
    一直以來,黑馬程式設計師以技術視角關注IT產業發展,以深度分享推進產業技術成長,致力於弘揚技術創新,倡導分享、 開放和協作,努力打造高質量的IT人才服務平臺。
</p>

<hr color="yellow"/>

<font color="#808080", size="2">
    <center>
        江蘇&nbsp;&nbsp;&nbsp;傳智播客教育科技股份有限公司版權所有<br/>
        Copyright 2006-2018&copy;, All Rights Reserved 蘇ICP備16007882
    </center>
</font>

</body>
</html>