HTML學習筆記（一）

阿新 • • 發佈：2018-12-10

HyperText Markup Language(使用標籤來描述頁面的內容和結構)
HTML5設計思想：
1. 相容已有內容
2. 避免不必要的複雜性
3. 解決現實的問題
4. 優雅降級（新出標籤瀏覽器不支援，可通過嵌入HTML標籤進行解析，忽略不支援標籤）
5. 尊重實施標準
6. 使用者》開發者》瀏覽器廠商》標準制定者》理論完美
HTML5中的變化：
1. doctype，meta
2. 新增語義化標籤和屬性
3. 去掉純展示性標籤
4. canvas，video，audio，離線，本地儲存，拖拽等
語法：
1. 標籤不區分大小寫，推薦小寫
2. 空標籤可以不閉合，比如input,meta
3. 屬性不必引號，推薦雙引號
4. 某些屬性值可以省略，比如required，readonly
段落:<p></p>
標題大小：<h1>..</h1>~<h6>...</h6>
<hr>:段落級別的話題切換，類似分隔符
列表:
1. 有序列表
  1. <ol>.....</ol>
  2. <li>.....</li>
  3. start
2. 無序列表 <ul>....</ul>
3. 定義列表:<dl>.~<dt>...<dt>.~<dd>....</dd>~<dl>
  1. 一個dt可以對應多個dd
  2. 多個dt可以對應一個dd
4. 巢狀規則
引用:
1. <blockquote cite="">........</blockquote>快捷長引用
2. <cite>...</cite>短引用（書名，電影名） <cite>x小王子</cite>
3. <q>.....</q>引用了較短的一句話 <q>字串是不可變數</q>
預格式化文字
1. <pre>....</pre>
2. 保留空格和換行（防止合併）
<code></code>
1. 程式碼關鍵字
2. 長程式碼
圖表：
1. <figure>.......</figure>
2. <figcaption>解釋figure內容<figcaption>
網頁總體結構劃分：在article中可以再次進行相同劃分，進行內容劃分

HTML學習筆記（一）

HyperText Markup Language(使用標籤來描述頁面的內容和結構) HTML5設計思想：相容已有內容避免不必要的複雜性解決現實的問題優雅降級（新出標籤瀏覽器不支援，可通過嵌入HTML標籤進行解析，忽略不支援標籤）尊重實施標準使用者》開發者》瀏覽器廠商》標準

HTML學習筆記（一）———基本結構

一.html文件結構 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">  <html>

學習筆記（一）HTML基礎

HTML 基礎 HTML 簡介 HTML (Hyper textmarkup language) 中文譯名為”超文字標記語言”，主要是通過 HTML 標記對網頁中的文字、圖片、聲音等內容進行描述。 HTML 提供了許多標記,如段落標記,標題標記,超連結標記，圖片標記等，網頁中需要定義什麼內容，就用相應的

Node.js學習筆記（一）——完整的響應html頁面（包括css，js檔案）

Node.js學習筆記（一）——完整的響應html頁面（包括css，js檔案）新手學習部落格，如存在問題，歡迎指出！終於解決了這個問題！之前寫的程式碼，然後只能加載出html檔案，然後在網上找到了解決方案。參考部落格這裡標記一下最主要的幾個點： node.js

python框架之 Tornado 學習筆記（一）

tornado pythontornado 一個簡單的服務器的例子：首先，我們需要安裝 tornado ，安裝比較簡單： pip install tornado 測試安裝是否成功，可以打開python 終端，輸入： import tornado.https

Scala學習筆記（一）編程基礎

大數據上一個 extends 移除 condition api arr 調用方法 tab 強烈推薦參考該課程：http://www.runoob.com/scala/scala-tutorial.html 1. Scala概述 1.1. 什麽是Scala Scala

3D Game Programming withDX11 學習筆記（一）數學知識總結

表示圖形 http 根據轉置元素 material -s com 　　在圖形學中，數學是不可或缺的一部分，所以本書最開始的部分就是數學知識的復習。在圖形學中，最常用的是矢量和矩陣，所以我根據前面三個章節的數學知識，總結一下數學知識。一、矢量　數學中的矢量，擁有

系統分析與設計學習筆記（一）

學習掌握應該溝通基本最終表示對象毫無為什麽要學習這門課程？　　“擁有一把錘子未必能成為建築師”。這門課程學習的是面向對象分析和設計的核心技能的重要工具。對於使用面向對象技術和語言來，創建設計良好、健壯且可維護的軟件來說，這門課程所

最大熵學習筆記（一）預備知識

color wrap targe dsm entropy plus 文件 eight 相關鏈接生活中我們常常聽到人們說“不要把雞蛋放到一個籃子裏”。這樣能夠減少風險。深究一下，這是為什麽呢？事實上，這裏邊包括了所謂的最大熵原理（The Maxim

Nginx模塊之Nginx-Ts-Module學習筆記（一）搶險體驗

學習筆記體驗 nginx模塊 int images clas tps gin issues 1、通過HTTP接收MPEG-TS2、生產和管理Live HLS 3、按照官方的編譯和配置，當然了我是第一次編譯沒有通過，在作者重新調整下，編譯成功，感謝：@arut https:

jq學習筆記（一）

簡單 ren 當前一個 text 互斥元素如果 property 1 .attr() 與 .removeAttr()方法 - atr()方法用來獲取和設置元素屬性 attr()有4個表達式： attr(傳入屬性名)：獲取屬性的值 attr(屬性名, 屬性

Redis學習筆記（一）關於在windows64位環境下的安裝學習使用

客戶端 mas key-value 錯誤 services 再次基準 alt 類型前言由於工作需要，目前我正在學習使用Redis。我當時學習Redis就從網上下載了點資料就開始學習了。入門看的是《REDIS入門指南》，這本書個人覺得很適合新手用來學習接觸。根據書上的引

Memcache 學習筆記（一）----Memcache — Linux部署

工作 apach sch trick 解壓 font ash 一個鍵值　　Memcache 一、Memcache簡介（內容摘自 --百度百科）　　memcache是一套分布式的高速緩存系統，由LiveJournal的Brad Fitzpatrick開發，但目前被許多網

HtmlParser學習筆記（一）-- 創建Parser對象

nco 修改英文 text aid 意思 charset 網頁第一個首先，介紹下HTMLParser的核心類，org.htmlparser.Parser類，這個類實際完成了對於HTML頁面的分析工作。主要的構造函數如下： public Parser ();

Python 學習筆記（一）

pytho oat 變量情況 class 弱類型定義寫代碼基本上為什麽學習Python?因為Python 的用處太多了。本想學會一們語言就好好的維持下去，但是最近Python太火啦，什麽人工智能、網絡爬蟲的，耳濡目染的，心想多學習一些東西總是好的，於是就抽空學習

thphp5.0學習筆記（一）

mic tel 序號 app clas world char p s 庫類 1.目錄結構：其中thinkphp子目錄是框架核心目錄 thinkphp結構： 2.入口文件默認自帶的入口文件位於public/index.php 應用目錄為application，其結構

Unity Shader學習筆記（一）坐標變換

directx 渲染系列約束 shade ace cnblogs 相機它的基本問題　　試想我們的美術做了一個3D模型，然後渲染引擎把模型渲染到屏幕上。我們還可以選定不同的視角，模擬不同的光照條件去觀察模型。現在來分析一下這個過程。如果說我們把這個過程看成一個函數，

Django學習筆記（一）——安裝，創建項目,配置

lvs csv oot url root import 方式配置文件函數瘋狂的暑假學習之 Django學習筆記（一）教材書《The Django Book》視頻：csvt Django視頻 1.創建項目

ELK學習筆記（一）安裝Elasticsearch、Kibana、Logstash和X-Pack

成功前端功能靈活日誌分析傳統開發人員收集還在最近在學習ELK的時候踩了不少的坑，特此寫個筆記記錄下學習過程。日誌主要包括系統日誌、應用程序日誌和安全日誌。系統運維和開發人員可以通過日誌了解服務器軟硬件信息、檢查配置過程中的錯誤及錯誤發生的原因。經常分析日

移動端學習筆記（一）

標簽設置裏的 none trait 關於 http width 面具屏幕 <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=.5,minimum-s

HTML學習筆記（一）

相關推薦