前端淺入門-HTML

時間 2020-03-22

標籤前端入門 html 欄目 HTML 简体版

原文原文鏈接

前言

因爲本身菜的也由於想寫一寫東西，同時也想與你們分享，一塊兒進步，因此準備寫一系列關於前端的內容。css

正文

前端三大塊：HTML（HyperText Markup Language，超文本標記語言）、CSS（Cascading Style Sheets，層疊樣式表）、JavaScript。這是他們的前世此生HTML、CSS、JavaScripthtml

前端淺入門系列文章：前端

前端淺入門-CSS

HTML

HTML5：HTML5 是對超文本標記語言的第五次重大修改，在不知道多久之前，HTML頁面的doctype聲明仍是一大串的須要指定html版本,這裏是引用的HTML 4.01 Strict，windows

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
複製代碼

如今改的更簡單更方便了bash

<!DOCTYPE html>
複製代碼

廢話那麼多，正文開始了 html又叫超文本標記語言，關鍵詞超文本和標記。顧名思義就是超出了文本，比文本更高級，文本咱們見得最多見的就是txt，它只能去記錄文字，而超文本在它的基礎上，頁面內能夠包含圖片，連接，視頻，音頻等非文本的內容，因此叫作超文本。標記也叫標籤，html語法中大部分標籤是成對出現的，也有單標籤。網絡

經常使用的html標籤post

<html></html> 建立一個HTML文檔
<head></head> 設置文檔標題和其它在網頁中不顯示的信息
<title></title> 設置文檔的標題 
<div></div>盒子（重點盒子模型）
<a></a>超連接標籤
<p></p>建立段落
<h1></h1> 最大的標題
<h6></h6> 最小的標題
<pre></pre> 預先格式化文本     
<u></u> 下劃線
<b></b> 黑體字    
<i></i> 斜體字    
<strong></strong> 加劇文本(一般是斜體加黑體)
<sup></sup> 上標字    
<sub></sub>下標字
<br/>換行
<hr>水平線
<ol></ol>建立一個有數字的列表
<ul></ul>建立一個有圓點的列表
<li></li>放在ul標籤內使用，圓點標籤
<dl></dl> 定義列表
<dt> 放在每一個定義術語詞前
<dd> 放在每一個定義以前
<link></link>用來引入樣式
<script></script>用來寫js
...
...
...
複製代碼

HTML的格式網站

<!doctype html>   <!--doctype聲明-->
<html>    <!--HTML頁面的根元素-->
    <head> <!--頭部信息，包含了文檔的元（meta）數據、<title>標題元素、css引用、js引用等-->
        <meta charset="utf-8"> <!--指定網頁編碼格式爲utf-8-->
        <title>hello world</title><!--網頁標題-->
    </head>
    <body> <!--主體部分，網頁的內容頁面，網站上顯示的各類信息幾乎都是在這裏面完成-->
        hello world<!--頁面中顯示的內容-->
    </body>
</html>
複製代碼

用記事本編寫上面的內容編碼