【HTML——基礎總結】

我是太陽啦啦啦發表於2016-11-18
HTML

前言：

最近學習了HTML，小編感覺是熟悉熟悉的感覺，之前做過B/S專案牛腩新聞釋出系統，再次來學習HTML，覺得很輕鬆，這就是學習的i+1的力量吧！今天，小編來總結一下這個階段的學習，也希望給正在閱讀的你一些幫助。

核心：

定義：

HTML（HyperText  Markup Language）：超文字標記語言，是為“網頁建立和其他可在網頁瀏覽器中看到的資訊設計的一種標誌語言”，也是構成網頁文件的主要語言。

下面我們們腦補一下超文字的知識吧：超文字，最簡單的理解是用超連結的方法，將各種不同空間的文字資訊組織在一起的網狀文字。

特點：

  • 可以超連結文件
  • 可用於各種效果
  • 向瀏覽者指出有關文件中某個主題的更多資訊。

基本結構：

<html>-------------------------------------------------開始HTML文件

<head>---------------------------------------------開始文件頭部

<title>----------------------------------------開始文件標題

This is first page.

</title>---------------------------------------結束文件標題

</head>--------------------------------------------結束文件頭部

<body>---------------------------------------------開始文件體

Hello World!

</body>---------------------------------------------結束文件體

</html>-------------------------------------------------結束HTML文件

與文字顯示相關的標籤：

  • <center>……</center>:是文字居中顯示
  • <hn align="#">…</hn>:顯示文件的標題，1表示最大，6表示最小，屬性align用於設定標題對齊方式，#可以是left、center、right
  • <font size=n color=“clr”>…</font>設定字型的大寫,n的範圍1-7，數字越大，字越大；屬性color表示字型的顏色。
  • <b>…</b>使文字成為粗體（ bold）
  • <i>…</i>是文字成為斜體（Italic）

特殊字元：


一個全形空格 ====兩個不間斷空格

表格：

<table>
 <caption>定義表格的標題
 <tr>新行
 <th>表頭
 <td>定義單元格

列表：

在<ol>和<li>標籤中，使用type屬性指定編號系統的型別。type型別：disc(顯示為實心的圓圈)square（顯示為實心的方塊）circle（顯示為空心的圓圈）

表單：

用input建立

text：當行文字輸入

submit：提交按鈕

reset：重置

password：口令輸入

radio：單選

checkbox:複選

hidden：隱藏

超連結：

URL：統一資源定位符
協議 主機名稱 目錄名 檔名

嵌入影像

<img src ="URL" width=n height=n>

兩個注意：

  1. 在HTML文件中，如果存在連續多個空白字元（空格、製表符、回車符、換行等），瀏覽器顯示時將只能解析為一個空格字元。
  2. 在HTML文件中，標籤和屬性的名字是大小寫無關的，實體引用時區分大小寫的！

總結：

今天的總結就暫時告別了，期待下次與大家分享！

相關文章