版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領
文檔簡介
1、HTML課程目標l Sublime使用方法及其開發(fā)HTMLl HTML必須掌握的及屬性l 掌握使用表格進行各類型數(shù)據(jù)展示的方法l 掌握利用表單進行交互式頁面設計的方法l 使用本課程所學技術完成綜合練習課程安排 SublimeHTML頁面安裝、使用方法、開發(fā)環(huán)境、第一個準備工作 HTML字體、段落、標題、注釋、超#、# 基本table用法、列表、常用表格設計表單設計綜合作業(yè) 文本框、單選、復選、隱藏域、列表框、圖片框 利用表單和table實現(xiàn)頁面布局開發(fā)環(huán)境l 瀏覽器：Chrome瀏覽器FireFox瀏覽器l 開發(fā)工具：Sublime3準備工作l 在瀏覽器中輸入l 或者，在瀏覽器中輸入瀏覽器左下
2、角顯示的效果瀏覽器左下角顯示的效果HTML簡介l 什么是HTML大名：Hyper Text Markup Language寓意：超文本標記語言用Sublime開發(fā)第一個HTML頁面l 設置文件擴展名為顯示狀態(tài)l 創(chuàng)建文件夾及必須的文件l 打開Sublime進行頁面設計HTML文件結構<font></font>字體規(guī)定文本的字體、字體、字體顏色作用<font size="3" color="red">我是紅色</font>示例在 HTML 4 中，不贊成使用該在 HTML 5 中，不支持該小貼士<p&g
3、t;</p>段落定義一個段落作用<p>我是段落</p>示例段落內依據(jù)所在容器的寬度自動換行 瀏覽器會自動地在段落的前后添加空行<p>和<br>的區(qū)別小貼士<!- ->注釋編寫程序時，給代碼的解釋或提示,能提高程序代碼的可讀性,以便于以后的參考、修改<!-這里是注釋，是作者對程序代碼做的解釋說明，以增加代碼可讀性->作用示例注釋在瀏覽器中進行顯示小貼士注釋出現(xiàn)的頻率非常高h：<h？></h？>標題定義標題頭的六個不同文字大小，依次顯示重要性的遞減，也就是權重依次降低。<h1>我
4、是<font color="red">1</font>級標題</h1>作用示例盡量靠近在html 中的<body> 以便讓搜索引擎最快的領略主題，越近越好，小貼士<img src=“*”/>img在瀏覽器顯示圖片作用<img src=“image/logo.jpg”alt=“*” />示例src、alt、height、width常用屬性<a></a>a使用超級與網(wǎng)絡上的另一個文檔相連作用<a href="page2.html">打開另一個頁面<
5、;/a>示例超可以是一個字，一個詞，或者一組詞，也小貼士可以是一幅圖像，您可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分<a name="ziti"> </a>同一個文檔中創(chuàng)建指向該錨（位置）的作用<a href="#duanluo">段落</a>示例必須先定義，在使用小貼士<ul><li></li></ul>無序列表此列項目使用粗體圓點（典型的小黑圓圈）進行標記作用<ul><li>文件</li></u
6、l>示例列表項以使用段落、換行符、圖片、小貼士以及其他列表等<ol><li></li></ol>有序列表列表項目使用數(shù)字進行標記作用<ol><li>文件</li></ol>示例列表項以使用段落、換行符、圖片、小貼士以及其他列表等階段小結格式段落<p>字體<font>標題h1h6列表ul、ol、li超<a href="*"></a><a name="ziti"> </a><a h
7、ref="#duanluo">段落</a>注釋<!- ->table、tr、td、border、width表格用于表格、行、列、寬度、邊框的制作作用小貼士制作課程表colspan 、rowspan合并行列用于將表格內的某些行、列進行合并作用合并午休、兩節(jié)連上等表格位置例題其他屬性名稱屬性值作用border1設置邊框widthnpx，n%表格寬度bgcolor顏色值表格背景alignleft、center、right表格在文檔中的對齊方式valignbottom、middle、top三種垂直對齊方式練表 單Why？什么是表單？表單作用用于收集用戶信息，進行人機交互操作文本框、單選按鈕、列表框、圖片框、復選框等這些元素，統(tǒng)稱“控件”包含元素示例示例控件的常用屬性屬性作用name指定控件的名稱，可重復id指定的唯一標識value輸入(收集、設置)控件的值checked復選框(單選)組默認被選中的項目selected列表框組默認被選中的項目src圖片框的圖片來源onclick鼠標單擊.disabled禁用該控件multiple多選（適合普通列表框）頁面優(yōu)化l 優(yōu)化對齊方式
溫馨提示
- 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容，請與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 防范自然災害安全教育
- 室內設計3D演示技術解析
- 幼兒中班服裝設計
- 經(jīng)濟法概論的核心知識點試題及答案
- 行政管理中的經(jīng)濟法新觀念試題及答案
- 水利水電工程市場機會分析與試題及答案
- 高中暑假前安全教育主題班會
- 農(nóng)業(yè)資源利用合理化方案協(xié)議
- 自然災害救助處置指南
- 個人住房貸款保證協(xié)議
- 小學科學湘科版六年級下冊全冊同步練習含答案
- 【危險化學品經(jīng)營單位安全管理人員】考試600題及解析
- 醫(yī)療護理中的病人體驗與滿意度
- 2023年山東省淄博市中考生物試題
- 廣州市盒馬鮮生供應鏈物流成本控制研究
- 實習生安全教育培訓課件
- 五年級下冊數(shù)學約分練習200題及答案
- 三年級下冊面積單位換算練習100道及答案
- 黃河古道 方案規(guī)劃
- 仿古建筑工程施工合同
- 北師大版數(shù)學四年級下冊簡易方程練習200題及答案
評論
0/150
提交評論