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筆記----@Intercepts({@Signature(type = StatementHandler.class, method = "prepare", args = {Connection.class
    使用MyBatis 3.4.1或者其以上版本 @Intercepts({ @Signature(type = StatementHandler.class, method = "prepare", args = {Connection.class, Integer.class})}) 使用MyBat ...
  • 前端開源項目周報0408
    由OpenDigg 出品的前端開源項目周報第十五期來啦。我們的前端開源周報集合了OpenDigg一周來新收錄的優質的前端開源項目，方便前端開發人員便捷的找到自己需要的項目工具等。 ...
  • Git與Github的使用學習
    本文講解下Git的使用，包括使用Git上傳項目工程到Github，文末有彩蛋哦。 ...
  • javascript面試題-原型實現數組去重
    今天朋友去面試被問到一個問題，原型實現數組去重，乍一聽著實有點蒙，但細細想來有些靈感 數組去重並不難，定義一個空數組，遍歷要去重的數組的每一項，利用flag作為判斷空數組中是否有一樣的元素的標識，flag為true說明沒有一樣的，就添加到空數組中 利用原型實現，其實也就是在數組的原型上添加一個方法， ...
  • JavaScript 數組操作方法
    這些數組的操作方法會改變原來的數組。在使用 Vue 或者 Angular 等框架的時候會非常實用，使用這些方法修改數組會觸發視圖的更新。 ...
  • 移動端製作公共樣式reset
    原文鏈接：http://caibaojian.com/mobile web app fix.html 寫一個好的web app初始化樣式很重要，以下為之前的flexible.js中項目的同個樣式。 ...
  • 上傳圖片轉為base64格式預覽並壓縮圖片（不相容IE9以下瀏覽器，相容移動端ios,android）
    前些天公司要求在微信移動端做上傳圖片並預覽的功能，要求能夠調用攝像頭拍照並立即預覽。 在網上搜了一些方法，開始自己寫了個簡單的功能實現代碼。結果發現移動端拍照出來的圖片動不動就2M+,又因為要批量上傳，為用戶的流量和上傳速度考慮，我決定做一下優化，看能不能在預覽前就壓縮一下圖片尺寸。 結果又是一陣百 ...
  • 前端記事本
    1. rem為單位時，根元素html的font-size 必須>=12px,否則 預設為font-size:12px。 再另外，有許多朋友問我：為啥 html 設置成 62.5%，或者 10px 時，這種換算無效了呢？經過研究發現，不知道什麼時候開始，小於 12px 或者 75% 的字體大小 rem ...
一周排行
    -Advertisement-
    Play Games
  • WPF 已知問題 監聽 WMI 事件導致觸摸失效
    示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後，項目結構如下所示： MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread]特性
    [STAThread] 特性用於需要與 COM 組件交互的應用程式，尤其是依賴單線程模型（如 Windows Forms 應用程式）的組件。在 STA 模式下，線程擁有自己的消息迴圈，這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • UWP WinUI3 傳入 AddHandler 的 RoutedEventHandler 類型與事件所需不匹配將拋出參數異常
    在WinForm中使用全局異常捕獲處理 在WinForm應用程式中，全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理，可以有效地捕獲並處理未預見的異常，從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • .NET 多版本 WinForm 開源控制項庫 SunnyUI
    前言 給大家推薦一款開源的 Winform 控制項庫，可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫，同時也提供了工具類庫、擴展 ...
  • .net core8 使用Swagger（附當前源碼）
    說明 該文章是屬於OverallAuth2.0系列文章，每周更新一篇該系列文章（從0到1完成系統開發）。 該系統文章，我會儘量說的非常詳細，做到不管新手、老手都能看懂。 說明：OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友，請關註我吧(*^▽^*) ...
  • WPF 什麼時候 VisualTreeHelper.GetDescendantBounds 將返回無窮大
    一、下載安裝 1.下載git 必須先下載並安裝git，再TortoiseGit下載安裝 git安裝參考教程：https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit，Git客戶端，32/6 ...
  • C# 開源教程帶你輕鬆掌握數據結構與演算法
    前言 在項目開發過程中，理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼，還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程：Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 第22篇 生成proto文件bat腳本
    1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 記一次 .NET某上位機視覺程式 卡死分析
    一：背景 1. 講故事 前段時間有位朋友找到我，說他的窗體程式在客戶這邊出現了卡死，讓我幫忙看下怎麼回事？dump也生成了，既然有dump了那就上 windbg 分析吧。 二：WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死，入口門檻很低，後續往下分析就不一定了，不管怎麼說先用 !clrsta ...
  • 醫學DICOM文件與PACS系統進行數據傳輸
    前言 人工智慧時代，人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API，工具不僅易於集成，還具備高效處理能力。 本文將介紹一款如何利用這些API，為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...
所有分類