html_day1 基本標簽

  1. 什么是 HTML?
    超文本標記語言: 超文本:比普通文本功能更加強大 標記語言:使用一組標簽對內容進行描述的一門語言,它不是編程語言!

2.語法和規范:

  • 所有的 html 文件后綴名都是以.html 或者.htm 結尾的,建議使用.html 結尾。
  • 整個 html 文件分別由頭部分<head></head>和體部分<body></body>組成 3
  • Html 標簽都是由開始標簽和結束標簽組成(<br />) 4
  • Html 標簽忽略大小寫的,建議大家使用小寫。

3.HTML 相關標簽

  • 標題標簽
    標題標簽使用<hn></hn>,n 從 1 到 6 逐漸變小。超過 6 的按 6 的進行顯示 特點:加粗加黑顯示,單獨占用一行。與其它行有一定的行間距。
    注釋: 快捷鍵:ctrl+/

  • 水平線標簽
    水平線標簽:<hr />

  • 段落標簽
    段落標簽:<p></p>

  • 字體標簽
    字體標簽使用<font></font> 必須結合其屬性才能具備一定的樣式效果。 設置顏色:color(可以是英文單詞也可以是十六進制) 設置字體:face(那些字體必須是你本機已經有的) 設置大小的:size (從 1 到 7 逐漸變大,超過 7 的部分按照 7 來顯示)

4.網站圖片信息顯示頁面

  • 圖片標簽
    圖片標簽:<img />
    圖片的位置屬性:src SRC: 絕對路徑:帶有盤符的 相對路徑:
  • 如果是同級,直接寫文件名稱或者./文件名稱
  • 如果是上一級:../文件名稱(如果是多層,那么多寫幾個../)
  • 如果是下一級:寫目錄名稱/文件名稱 width:設置圖片的寬度 height:設置圖片的高度 alt:當圖片無法正常顯示的時候給出的提示信息。

5.列表標簽

  • 列表標簽: 有序列表:<ol></ol> 屬性:type 有 5 個取值 start 其實位置,reverse:倒序
  • 無序列表: <ul></ul> 屬性:type 有 3 個取值
  • 超鏈接標簽 <a href=”#” target=”_self / _blank”>點我</a>

6.表格標簽

  • 表格標簽
    表格標簽使用的是<table></table>
    <table> <tr> <td></td> </tr> </table>
  • Table 屬性: 邊框:border 寬度:width 高度:height 背景顏色:bgcolor 邊框與邊框的:cellspacing 邊框與內容的:cellpadding 居中顯示:align
  • 表格的跨行、跨列操作:是針對單元格的!
    2.步驟分析
    創建整體框架,使之變成網格再在網格內創建相應內容

7.網站后臺管理系統頁面

  • 框架集結構標簽
    <frameset > </frameset>
  • 屬性: cols:進行垂直切割劃分,可以切割為任一塊。(參數的值相加=100%,其中有一塊可以 使用表示) rows: 進行水平切割劃分,可以切割為任一塊。(參數的值相加=100%,其中有一塊可 以使用表示)
  • 一旦劃 分區 域之后 ,我 們需 要對 具體的 區域 進行 內容 的填充 ,此 時需 要使 用 <frame></frame>標簽
    屬性: 此標簽作用:將頁面的進行區域的 劃分
    src:指定該區域顯示的文件(路徑) name:它通常會結合超鏈接的 target 屬性使用,來定義最終的顯示位置。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • HTML標簽解釋大全 一、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,320評論 1 41
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,796評論 1 92
  • HTML需要掌握標簽 標簽(空格分隔): H5+CSS [TOC] 常用標簽 img 注意點 和H系列標簽/p標簽...
    袁俊亮技術博客閱讀 2,063評論 1 8
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,923評論 18 139
  • 【日精進打卡持續第13天】 【知-學習】 1.背讀《六項精進大綱》1遍,累計13遍 背誦《大學》1遍,累計18遍 ...
    沁舒閱讀 166評論 0 0