前端基础-HTML标记语言
生活随笔
收集整理的這篇文章主要介紹了
前端基础-HTML标记语言
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
閱讀目錄
- 一、 HTML標簽與文檔結構
- 二、 HTML標簽詳細語法與注意點
- 三、 HTML中標簽分類
- 四、 HTML注釋
一、 HTML標簽與文檔結構
HTML作為一門標記語言，是通過各種各樣的標簽來標記網頁內容的。我們學習HTML主要就是學習的HTML標簽。
那什么是標簽呢？
#1、在HTML中規定標簽使用英文的的尖括號即`<`和`>`包起來，如`<html>`、`<head>`、`<body>`都是標簽，#2. HTML中標簽通常情況下是成對出現的，分為開始標簽和結束標簽，結束標簽比開始標簽多了一個`/`，開始標簽和結束標簽之間的就是標簽的內容。#3、有些標簽功能比較簡單，使用一個標簽即可，這種標簽叫做自閉和標簽，例如:<br/> <hr/> <input/> <img/>HTML中的標簽存放于文本文件中，需要按照下述固定的文檔結構組織：
<!DOCTYPE HTML> <html><head>...</head><body>...</body> </html>各部分解釋
#1、<!DOCTYPE HTML>是文檔聲明，必須寫在HTML文檔的第一行，位于<html>標簽之前，表明該文檔是HTML5文檔。#2、<html></html> 稱為根標簽，所有的網頁標簽都在<html></html>中。#3、<head></head> 標簽用于定義文檔的頭部，它是所有頭部元素的容器。常見的頭部元素有<title>、<script>、<style>、<link>和<meta>等標簽，頭部標簽在下一節中會有詳細介紹，
<head>與</head>之間的內容不會在瀏覽器的文檔窗口顯示，但是其間的元素有特殊重要的意義。#4、在<body>和</body>標簽之間的內容是網頁的主要內容，最終會在瀏覽器中顯示出來。
標簽間關系
#1、并列（兄弟／平級）head與body #2、嵌套（父子／上下級）html內有body二、 HTML標簽詳細語法與注意點
標簽的語法：
<標簽名 屬性1=“值1” 屬性2=“值2” ......>內容部分</標簽名> <標簽名 屬性1=“值1” 屬性2=“值2” ....../>注意：
#1. HTML標簽不區分大小寫，`<h1>`和`<H1>`是一樣的，但是我們通常建議使用小寫，大部分程序員都以小寫為準。#2. 標簽之間是可以嵌套的。例如：<div><p>段落</p></div>,但不能交叉<div><p></div></p>#3、不是所有標簽都支持互相嵌套。三、 HTML中標簽分類
單從是否可以嵌套子標簽的角度去分，標簽分為兩類
#1、容器類標簽容器類標簽可以簡單的理解為能嵌套其它所有標簽的標簽。常見容器級的標簽: h系列 ul>liol>lidl>dt dddiv#2、文本類標簽文本級的標簽對應容器級標簽，只能嵌套文字/圖片/超鏈接的標簽。常見文本級的標簽:pspanstrongeminsdel四、 HTML注釋
無論我們學習什么編程語言，一定要重視的就是注釋，我個人一直把注釋看成是代碼之母。 HTML中注釋的格式:
<!--這里是注釋的內容-->注意： 注釋中可以直接使用回車換行。
并且我們習慣用注釋的標簽把HTML代碼包裹起來。如：
<!-- xx部分 開始 -->這里放你xx部分的HTML代碼 <!-- xx部分 結束 -->HTML注釋的注意事項：
#1、HTML注釋不支持嵌套。 #2、HTML注釋不能寫在HTML標簽中。更多專業前端知識，請上 【猿2048】www.mk2048.com
總結
以上是生活随笔為你收集整理的前端基础-HTML标记语言的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python3-开发进阶-RESTful
- 下一篇： HTML5常用标签及特殊字符表