學寫網頁 #04# w3school

時間 2019-12-11

標籤網頁 w3school school 欄目 HTML 简体版

原文原文鏈接

索引：javascript

WHO 成立於 1948 年。php

對縮寫進行標記可以爲瀏覽器、翻譯系統以及搜索引擎提供有用的信息。html

code 元素不保留多餘的空格和折行：html5

如需解決該問題，您必須在 pre 元素中包圍代碼：java

var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}

愛因斯坦的公式：web

E = m c²正則表達式

經過使用 HTML4.0，全部的格式化代碼都可移出 HTML 文檔，而後移入一個獨立的樣式表。canvas

樣式表分爲三種，一種是把 CSS 放在單獨的一個文件，叫作「外部樣式表」，另一種是把 CSS 放在 <head></head> 裏面，叫作「內部樣式表」，最後一種比較少用，相似於下面這樣，叫作「內聯樣式」。瀏覽器

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

超連接

註釋：請始終將正斜槓添加到子文件夾。假如這樣書寫連接：href="http://www.w3school.com.cn/html"，就會向服務器產生兩次 HTTP 請求。這是由於服務器會添加正斜槓到這個地址，而後建立一個新的請求，就像這樣：href="http://www.w3school.com.cn/html/"。

HTML 圖片

比較少用到的應該就是建立圖像映射服務器

HTML <div> 和 <span>

塊級元素在瀏覽器顯示時，一般會以新行來開始（和結束）。

例子：<h1>, <p>, <ul>, <table>

內聯元素在顯示時一般不會以新行開始。

例子：<b>, <td>, <a>, <img>

<div> 元素的另外一個常見的用途是文檔佈局。它取代了使用表格定義佈局的老式方法。使用 <table> 元素進行文檔佈局不是表格的正確用法。<table> 元素的做用是顯示錶格化的數據。

HTML <div> 元素是塊級元素。它可以用做其餘 HTML 元素的容器。

HTML <span> 元素是行內元素，可以用做文本的容器。

設置 <span> 元素的類，可以爲相同的 <span> 元素設置相同的樣式。

HTML 響應式 Web 設計

一種方法是本身寫，例如說：

.city { float: left;
margin: 5px;
padding: 15px;
width: 300px;
height: 300px;
border: 1px solid black;
}

另外一種方法是用 Bootstrap ，好像本質上差很少。（引用外部樣式表，遵循命名規定）

HTML 框架

導航框架跳轉至框架內的一個指定的節

經過使用框架，你能夠在同一個瀏覽器窗口中顯示不止一個頁面。每份HTML文檔稱爲一個框架，而且每一個框架都獨立於其餘的框架。

<frameset cols="25%,50%,25%">
  <frame src="/example/html/frame_a.html">
  <frame src="/example/html/frame_b.html">
  <frame src="/example/html/frame_c.html">

<noframes>
<body>您的瀏覽器沒法處理框架！</body>
</noframes>

</frameset>

- iframe 用於在網頁內顯示網頁。

HTML script 元素

- <noscript> 標籤

<script type="text/javascript">
document.write("Hello World!")
</script>
<noscript>Your browser does not support JavaScript!</noscript>

- 如何應付老式的瀏覽器

<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>

HTML 頭部元素

元數據（metadata）是關於數據的信息。

典型的狀況是，meta 元素被用於規定頁面的描述、關鍵詞、文檔的做者、最後修改時間以及其餘元數據。

元數據可用於瀏覽器（如何顯示內容或從新加載頁面），搜索引擎（關鍵詞），或其餘 web 服務。

一些搜索引擎會利用 meta 元素的 name 和 content 屬性來索引您的頁面。

<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />
<meta name="keywords" content="HTML, CSS, XML" />

URL 編碼會將字符轉換爲可經過因特網傳輸的格式。

HTML 顏色名

選色能夠參照 w3school 的顏色表。

HTML 表單

<input type="submit"> 定義用於向表單處理程序（form-handler）提交表單的按鈕。

表單處理程序一般是包含用來處理輸入數據的腳本的服務器頁面。

表單處理程序在表單的 action 屬性中指定，若是省略 action 屬性，則 action 會被設置爲當前頁面。

method 屬性規定在提交表單時所用的 HTTP 方法（GET 或 POST）

當您使用 GET 時，表單數據在頁面地址欄中是可見的 - 若是是 GET 的話能夠直接編輯地址而後回車，而不用在頁面提交。

HTML 輸入類型

<input type="button> 定義按鈕。

<input type="button" onclick="alert('Hello World!')" value="Click Me!">

<input type="number"> 用於應該包含數字值的輸入字段。

您可以對數字作出限制。

根據瀏覽器支持，限制可應用到輸入字段。

XHTML - 屬性

XHTML 是更嚴格更純淨的 HTML 版本

例如它禁止屬性簡寫，這是錯誤的：

<input checked>
<input readonly>
<input disabled>
<option selected>

這是正確的：

<input checked="checked" />
<input readonly="readonly" />
<input disabled="disabled" />
<option selected="selected" />

HTML5

HTML5 是最新的 HTML 標準。

HTML5 是專門爲承載豐富的 web 內容而設計的，而且無需額外插件。

HTML5 擁有新的語義、圖形以及多媒體元素。

HTML5 提供的新元素和新的 API 簡化了 web 應用程序的搭建。

HTML5 是跨平臺的，被設計爲在不一樣類型的硬件（PC、平板、手機、電視機等等）之上運行。

canvas 和 svg 是 HTML5 的，vidio 和 audio 也是。

新的語義/結構元素

footer header 等塊級元素也是。

語義元素清楚地向瀏覽器和開發者描述其意義。

非語義元素的例子：<div> 和 <span> - 沒法提供關於其內容的信息。

語義元素的例子：<form>、<table> 以及 <img> - 清晰地定義其內容。

HTML5 樣式指南和代碼約定

！詳細從 w3school 頁面中部開始讀起。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。