1. 程式人生 > >JavaWeb01-HTML篇筆記(一)

JavaWeb01-HTML篇筆記(一)

Java

1.1 案例一:網站信息頁面的顯示:1.1.1 需求:
在網頁中顯示網站的信息的頁面:效果如下:

1.1.2 分析:1.1.2.1 技術分析:
【HTML的概述】
? 什麽是HTML
HTML:Hyper Text Markup Language --- 超文本標記語言.

  • 標記語言:指的是通過一組標簽的形式描述事物的一門語言.
  • 超文本:比普通的文本更強大.
    ? HTML的作用
    HTML是用來制作頁面(靜態頁面).
    ? HTML在那些地方使用
    在設計網站的頁面的時候都要使用到HTML.
    【HTML的使用】
    ? HTML的文件的創建
    一個HTML文件,擴展名是.html或者.htm結尾
  • 01.html
    ? HTML的結構標簽
  • 跟標簽:<html></html>
    • <head> -- html的頭標簽
    • <body> -- html的體標簽
      【HTML的字體標簽】
      ? <font>標簽:HTML中的字體標簽.

使用:<font>文字</font>

  • <font>標簽的屬性:
    • <標簽 屬性名=”屬性值” 屬性名=”屬性值”></標簽>
    • 屬性:
      • color屬性:字體顏色
        • 英文單詞設置:black,red,green,blue...
        • 使用16進制數設置:#FFFFFF , #FFF
      • size屬性:字體的大小
      • face屬性:字體
  • 基本使用:
    <font>我是HTML!</font> <br/>
    <font color="red">我是HTML!</font><br/>
    <font color="#FF0000" size="1">我是小紅!</font><br/>
    <font color="#00FF00" size="7">我是小綠!</font><br/>
    <font color="#0000FF" size="100">我是小藍!</font><br/>

    【HTML的排版標簽】

    ? 標題標簽:h標簽<h1>...<h6>

一級標題

二級標題

三級標題

? 段落標簽:p標簽

一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容 一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容 一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容 一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容

一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容 一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容一段內容內容

? 字體加粗標簽:b標簽 黑馬訓練營 ? 字體斜體標簽:i標簽 黑馬訓練營 ? 字體下劃線:u標簽 黑馬訓練營 ? 居中標簽:
標簽
內容
1.1.2.2 步驟分析: 【步驟一】創建一個HTML的文檔 【步驟二】設置標題 【步驟三】設置四個段落 【步驟四】使用字體標簽將第一個段落中的某個部分的內容變為紅色. 1.1.3 代碼實現: ``` 網站信息頁面

公司簡介


``` “中關村黑馬程序員訓練營”是由傳智播客聯合中關村軟件園、CSDN,並委托傳智播客進行教學實施的軟件開發高端培訓機構,致力於服務各大軟件企業,解決當前軟件開發技術飛速發展,而企業招不到優秀人才的困擾。 目前,“中關村黑馬程序員訓練營”已成長為行業“學員質量好、課程內容深、企業滿意”的移動開發高端訓練基地,並被評為中關村軟件園重點扶持人才企業。

黑馬程序員的學員多為大學畢業後,有理想、有夢想,想從事IT行業,而沒有環境和機遇改變自己命運的年輕人。黑馬程序員的學員篩選制度,遠比現在90%以上的企業招聘流程更為嚴格。任何一名學員想成功入學“黑馬程序員”,必須經歷長達2個月的面試流程,這些流程中不僅包括嚴格的技術測試、自學能力測試,還包括性格測試、壓力測試、品德測試等等測試。毫不誇張地說,黑馬程序員訓練營所有學員都是精挑細選出來的。百裏挑一的殘酷篩選制度確保學員質量,並降低企業的用人風險。

中關村黑馬程序員訓練營不僅著重培養學員的基礎理論知識,更註重培養項目實施管理能力,並密切關註技術革新,不斷引入先進的技術,研發更新技術課程,確保學員進入企業後不僅能獨立從事開發工作,更能給企業帶來新的技術體系和理念。

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

1.1.4 總結: ``` HTML有標準: * HTML4 * * HTML5:支持視頻播放,支持CSS3,支持定位,擴展標簽... *
標簽:原生標簽.

標簽:橫線. ```

JavaWeb01-HTML篇筆記(一)