HTML基礎複習(一)

来源:http://www.cnblogs.com/YanRuYu-MoRuHua/archive/2017/04/07/6677600.html
-Advertisement-
Play Games

HTML:超文本標記語言(HyperText Markup Language),不是一種編程語言,是標記語言 HTML元素: <p>段落</p> HTML標簽: <p>段落</p> HTML聲明:<!DOCTYPE>並不是標簽 HTML5:<!DOCTYPE html> HTML4.0.1 stri ...


HTML:超文本標記語言(HyperText Markup Language),不是一種編程語言,是標記語言 HTML元素: <p>段落</p> HTML標簽: <p>段落</p> HTML聲明:<!DOCTYPE>並不是標簽 HTML5:<!DOCTYPE html> HTML4.0.1 strict:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> HTML 4.01 Transitional:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> HTML 4.01 Frameset :<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> XHTML 1.0 Strict:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> XHTML 1.0 Transitional:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> XHTML 1.0 Frameset:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> XHTML 1.1:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">   HTML標題: <h1>~<h6> 標題很重要,不要僅僅為了字體樣式而使用,搜索引擎使用標題編製索引 HTML段落: <p>...</p> 如果要在段落中換行,用<br/> HTML鏈接: <a href = "http://www.runoob.com">...</a> 鏈接中的target屬性:
target值 描述 示例
_blank 在新視窗打開鏈接 <a href = "http://www.runoob.com" target="_blank">...</a>
_self 預設,相同框架中打開鏈接 <a href = "http://www.runoob.com" target="_self">...</a>
_parent 在父框架中打開鏈接 <a href = "http://www.runoob.com" target="_parent">...</a>
_top 在整個視窗中打開鏈接 <a href = "http://www.runoob.com" target="_top">...</a>
framename 在指定的框架中打開鏈接  
鏈接中的id屬性: <a id="tar">我在這裡</a> ...... <a href="#tar">跳轉</a>   HTML圖像: <img src = "" width="" height=""/> HTML換行(空元素): <br/> HTML水平線: <hr/> HTML整個文檔: <html>...</html> HTML內容主體: <body>...</body> HTML頭: <head></head> 可以添加在head內的標簽有:title、style、link、script、noscript、base HTML<link>: 只能在head中 空元素,只有屬性 <link rel = "stylesheet" type = "text/css" href = "/dir/theme.css"/> HTML<style>:在head內 定義樣式文件的引用地址 <style type="text/css"> h1 {color: yellow} p {color: red} </style> HTML元數據:在head內 定義關鍵字:<meta name="keywords" content = "HTML,css,xml"/> 定義描述內容:<meta name="description" content = "學習html"/> 定義網頁作者:<meta name="author" content = "Demi"/> 定義元字元集:<meta charset = "UTF-8"/> 定義網頁刷新(每三十秒刷新一次):<meta http-equiv="refresh" content="30"/> HTML<base>:在head標簽內 <base href="http://......" targe="_blank" />定義頁面中所有鏈接預設的目標地址。 HTML屬性: 屬性是HTML元素提供得附加信息 一般以名稱/值對的形式 一般描述在開始標簽中 舉例:<a href = "http://www.runoob.com">...</a> 屬性值一般以雙引號包含,單引號也可以;但是在內容本身有雙引號的時候,必須用單引號包含,比如:name = 'aaaaa "bbbbb"ooooo' 常見屬性:class、id、style、title…… HTML註釋: <!--註釋--> HTML空行與空格: 所有連續的空格和空行都會被算作一個空格 HTML加粗: <b>...</b> <strong>...</strong> HTML斜體: <i>....</i> <em>...</em> HTML字體放大: <big></big> HTML字體縮小: <small></small> HTML上標: <sup></sup> HTML下標: <sub></sub> HTML預格式文本:保留空格與換行,適合顯示代碼 <pre>...</pre> HTML縮寫: <abbr title="People`s Republic of China">PRC</abbr> HTML刪除文本: <del>...</del> HTML下劃線: <ins>...</ins>        
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 使用MyBatis 3.4.1或者其以上版本 @Intercepts({ @Signature(type = StatementHandler.class, method = "prepare", args = {Connection.class, Integer.class})}) 使用MyBat ...
  • 由OpenDigg 出品的前端開源項目周報第十五期來啦。我們的前端開源周報集合了OpenDigg一周來新收錄的優質的前端開源項目,方便前端開發人員便捷的找到自己需要的項目工具等。 ...
  • 本文講解下Git的使用,包括使用Git上傳項目工程到Github,文末有彩蛋哦。 ...
  • 今天朋友去面試被問到一個問題,原型實現數組去重,乍一聽著實有點蒙,但細細想來有些靈感 數組去重並不難,定義一個空數組,遍歷要去重的數組的每一項,利用flag作為判斷空數組中是否有一樣的元素的標識,flag為true說明沒有一樣的,就添加到空數組中 利用原型實現,其實也就是在數組的原型上添加一個方法, ...
  • 這些數組的操作方法會改變原來的數組。在使用 Vue 或者 Angular 等框架的時候會非常實用,使用這些方法修改數組會觸發視圖的更新。 ...
  • 原文鏈接:http://caibaojian.com/mobile web app fix.html 寫一個好的web app初始化樣式很重要,以下為之前的flexible.js中項目的同個樣式。 ...
  • 前些天公司要求在微信移動端做上傳圖片並預覽的功能,要求能夠調用攝像頭拍照並立即預覽。 在網上搜了一些方法,開始自己寫了個簡單的功能實現代碼。結果發現移動端拍照出來的圖片動不動就2M+,又因為要批量上傳,為用戶的流量和上傳速度考慮,我決定做一下優化,看能不能在預覽前就壓縮一下圖片尺寸。 結果又是一陣百 ...
  • 1. rem為單位時,根元素html的font-size 必須>=12px,否則 預設為font-size:12px。 再另外,有許多朋友問我:為啥 html 設置成 62.5%,或者 10px 時,這種換算無效了呢?經過研究發現,不知道什麼時候開始,小於 12px 或者 75% 的字體大小 rem ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...