一、課程介紹說明
1) HTML語言概念介紹
2) HTML語言程式碼編寫
二、課程梳理回顧
1) 網路安全課程介紹 3個月時間
2) 網路安全法律法規
3) 網路安全基礎知識 名詞介紹
4) 網路安全病毒編寫 bat批處理檔案
5) 網路安全基礎防護
三、HTML語言概念介紹
為了編寫網頁資訊
1) HTML程式碼語言作用
2) HTML程式碼基本編寫方法
3) HTML程式碼編寫練習
windows系統特點: 識別檔案型別時,會根據副檔名稱進行識別
四、 HTML語言程式碼編寫方法:
4.1 HTML元素概念
- HTML元素就是預定義好的一些標籤,不同標籤有不同功能作用
<b> <table> <title> - HTML元素屬性, 對指定元素進行擴充套件功能配置
- PS: 編寫HTML程式碼資訊時,檔案中一定不能出現中文符號資訊
4.2 HTML基本標籤資訊: 基本元素資訊
<p></p>— 段落標籤可以自動換行,段落之間會有間距<hn></hn>— 設定標題資訊,一般標題資訊的範圍 是n=1~6<br>— 設定字元內容中換行資訊<!-- This is a comment -->— 在指定程式碼位置新增註釋說明資訊, 註釋資訊不會顯示在頁面上- 元素屬性:
align="center"— 設定字元資訊居中顯示center/局右顯示right/居左顯示left
4.3 HTML格式設定方法
<strong></strong>— 將指定字串資訊進行加粗處理<pre></pre>— 將程式碼編寫的格式資訊,呈現在頁面上(主要可以控制換行和空格資訊)<address><address>— 定義一些地址描述資訊,主要會以斜體方式進行顯示<blockquote></blockquote>— 表示對指定內容進行縮排顯示<del></del>— 將指定資訊刪除, 用一個橫線劃除<ins></ins>— 將指定資訊插入, 用下劃線進行標記
4.4 HTML實體化介紹
- 如果想讓一些特殊符號資訊,直接在頁面顯示,就需要進行實體化處理
4.5 HTML超連結:
<a href="http://www.microsoft.com/">This text</a>
將指定檔案做超連結處理<a href="lastpage.htm"><img border="0" src=".\images\next.gif"></a>
將指定圖片做超連結處理- 標籤屬性:
target="_blank": 在原有視窗連結時,新開啟一個視窗進行顯示
4.6 HTML框架:
- 將瀏覽器頁面進行拆分出多個不斷頁面,便於對頁面資訊的編寫
利用框架可以將多個資訊進行整合
4.7 HTML表格
<table><table>— 建立表格資訊<tr>— 表格行資訊<td>— 表格列資訊<th>— 表格頭部資訊- 標籤屬性:
border— 設定表格邊框 實現顯示邊框 虛線顯示邊框
4.8 HTML列表功能
<ul></ul>— 生成列表資訊標籤-無序type="square"— 無序列表前的一個符號資訊<ol></ol>— 生成列表資訊標籤-有序<dl></dl>— 自定義列表內容資訊
作用說明: 編寫選單功能 編寫目錄結構功能
4.9 HTTML表單資訊:
可以生成輸入框內容,在輸入框中可以填寫資訊,最後可以用於向後端服務進行提交
<form></form>— 設定表單標籤資訊<input type="text" name="user">— 設定表單輸入框
作者：陳婷
日期：2020年9月20日
本作品採用《CC 協議》，轉載必須註明作者和本文連結