整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          如何自學HTML

          家好,我是自學web前端一直到現在,現在也可以做一個有顏色、有動畫、布局的動態頁面,這一路走來,很不容易,當然,也遇見過許多問題,最后都解決了,現在也可以稱得上是一個入門級 “小白”,從基礎的HTML、CSS、JavaScript到小程序,總結了很多的經驗,給大家分享一下,大佬勿噴,有什么不對的地方請在下方評論。

          HTML(網頁)

          web前端的基本概念。

          WEB

          web(world wide web)叫全球廣域網,俗稱萬維網(www)。

          W3C

          w3c(world wide web consortium)叫萬維網聯盟,是國際最著名的標準化組織,制定了web標準。

          1:HTML基礎首先要做的當然是做自己的第一個網頁了,比如說在網頁上寫一段話



          打開網頁看到下面這個效果:



          2: 字體大小(font-size)、字體粗細(font-weight)、隔行(br/)、表單(form)、表格(table)等等,還有很多,大家慢慢積累吧。

          但是身為“小白”的我要告訴大家,不要在HTML基礎上面浪費太多的時間,盡可能在一個月內就把HTML給熟練掌握。如果你打算從事web前端工作,需要學的東西還有很多,基礎一定要牢固,多敲代碼、多記。好了,后續我還會分享關于這方面的知識點,大家有什么問題都可以在下方評論。

          多朋友想學一下網頁制作,上網一看,只要涉及到網頁制作,都離不開HTML這個詞語,HTML是HyperText Markup Language的簡稱,想學習HTML語言,先得了解一些基本知識,今天這邊內容可以作為學習HTML的菜鳥教程第一課。

          HTML是什么?

          一般我們說HTML是指超文本標記語言,英文名稱為HyperText Markup Language,簡稱HTML,它是目前互聯網上應用最廣泛的語言。

          如何查看HTML?

          拿最常見的網頁為例,如果用大家熟悉的IE瀏覽器的話,直接在網頁上點右鍵,選擇“查看源”即可查看當前網頁的HTML源碼;如果是其他瀏覽器的話,多數情況下點擊右鍵,選擇“查看源碼”或者類似“查看網頁源代碼”這樣的選項即可查看。

          當然也可以通過專業的網頁制作軟件以及各種文本編輯器來查看。

          HTML有什么用?

          HTML語言可以方便地將網絡上存儲于不同位置的文字、圖片、聲音、視頻等內容組織起來,方便用戶瀏覽。對于我們來說,HTML是學習網頁制作的基本功,熟練掌握HTML這項基本功,可以為以后的學習和工作打下良好的基礎。

          HTML如何入門?

          要學習任何編程語言,都不好好高騖遠,HTML的入門很簡單,但是也要遵循學習的基本步驟,選擇一本入門書籍,循序漸進地去學習每一張的內容。一邊學習,一邊查看網頁代碼對照來學,提升入門速度。

          HTML案例

          下面就是最基本的HTML案例,在這個案例中,用的是HTML5,

          • <!DOCTYPE html> 聲明為 HTML5 文檔
          • <html> 元素是 HTML 頁面的根元素
          • <head> 元素包含了文檔的元(meta)數據,如 <meta charset="utf-8"> 定義網頁編碼格式為 utf-8
          • <title> 描述了網頁的標題
          • <body> 元素包含了可見的頁面內容,因為下面是最簡單的案例,所以只有幾行,實際網頁一般都有很多行。
          • <h1> 定義一個大標題
          • <p> 元素定義一個段落,也就是大家常說的分段。
          <!DOCTYPE html>
          <html>
          <head>
          <meta charset="utf-8">
          <title>HTML菜鳥教程(runoob.com)</title>
          </head>
          <body>
              <h1>我的第一個標題</h1>
              <p>我的第一個段落。</p>
          </body>
          </html>

          如何編輯HTML?

          這個就很多了 ,比如最出名的Dreamweaver,當然如果熟練之后,可以選擇任意自己喜歡的編輯器,一些小的改動或者一小段代碼的話,也可以用各種常見的文本編輯器來處理,比如我們在wodows系統上常見的記事本,總之只要自己覺得方便就好。

          總結

          以上是學習HTML菜鳥教程的第一課,首先保持一個良好的心態來學習,有好的心態,知識方面只要循序漸進,學會就是水到渠成的事情了 。

          一篇介紹了網頁的基本結構,那如何編寫網頁的內容? 前提是要學會HTML標簽的用法,本篇主要介紹HTML標簽是什么,如何學習,需要大概多長時間學習。

          本篇主要基于html5介紹,html5 是最新版的標準,之前的版本可以自己了解下。

          HTML 簡介

          HTML的英文全稱是Hyper Text Markup Language,直譯為超文本標記語言。它是全球廣域網上描述網頁內容和外觀的標準。HTML包含了一對打開和關閉的標記,在當中包含有屬性和值。標記描述了每個在網頁上的組件,例如文本段落、表格或圖像等。

          事實上,HTML是一種因特網上較常見的網頁制作標注性語言,而并不能算做一種程序設計語言,因為它缺少程序設計語言所應有的特征。HTML通過IE等瀏覽器的翻譯,將網頁中所要呈現的內容、排版展現在用戶眼前。

          一個html標簽基本結構如下:

          <標簽名稱  屬性="屬性值"></標簽名稱> 或 <標簽名稱 屬性="屬性值"/>

          有以下特點:

          1. 由尖括“<”、“>”號包圍的標記元素,比如 <html>和</html>就是一對標記。
          2. 通常是成對出現的,比如 <div> 和 </div>,也有單獨呈現的標簽,如:<img />、<input/>等。
          3. 標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽;
          4. 一般成對出現的標簽,其內容在兩個標簽中間,如<h1>標題</h1>。單獨呈現的標簽,則在標簽屬性中賦值,如<input type="text" />。
          5. 網頁展示的內容需寫在<body>標簽中。
          6. 標簽不區分大小寫,建議按規范小寫。

          HTML標簽按功能大體可分以下幾種類型:

          1. 構成網頁基本架構的標簽,比如:<!DOCTYPE>(定義文檔類型)、<html>(根標簽),<meta>(元信息)、<head> (網頁頭部區域)、<body> (網頁內容區域)。
          2. 用于引入外部資源客戶端腳本的標簽,比如:<link>(外部資源,css樣式文件), <script>(客戶端js腳本)。
          3. 用于描述布局的標簽,比如: <div>、<ul>(無序列表)、<ol>(有序列表)、<h1>到<h6>(標題1到6)、<table>(表格)、<footer>(頁腳)、<header>(頁頭)等。
          4. 用于描述文本格式的標簽,比如:<p> (段落)、<strong>(加粗)、<q>(引用)、<span>等。
          5. 用于引入多媒體資源的標簽,比如:<img>、<video>、<audio>等。
          6. 用于制作表單的標簽,比如:<form>(表單),<input>(輸入框),<textarea>(文本域),<select>(下拉菜單),<radio>(單選項),<checkbox>(多選項)等。
          7. 其它標簽(不是很常用的)。

          如何學習html的標簽用法

          沒有捷徑,需要多看,多練。在這里我不一一介紹每個標簽的具體含義及用法,相關語法可以參考以下幾個網站:

          1. https://www.w3cschool.cn/html5/
          2. https://developer.mozilla.org/zh-CN/docs/Web/HTML

          制定一個學習計劃,每天堅持下去

          要求,每天花費3到5個小時學習,至少1到2周掌握常用的html標簽含義及用法,可以按照上面介紹的標簽進行分類學習,感謝關注,祝你學習愉快。


          主站蜘蛛池模板: 国产成人精品一区二区秒拍| 国产成人一区二区在线不卡| 国产一区二区三区久久| 国产成人无码AV一区二区在线观看| 天堂资源中文最新版在线一区| 男人的天堂av亚洲一区2区| 久久婷婷久久一区二区三区| 国产精品亚洲专一区二区三区| 精品人妻码一区二区三区| 中文字幕在线一区二区三区| 国产人妖在线观看一区二区 | 五十路熟女人妻一区二区 | 日本不卡一区二区三区| 日韩社区一区二区三区| 国产精品视频免费一区二区| 亚洲一区爱区精品无码| 国产精品被窝福利一区 | 久久久久人妻精品一区三寸蜜桃| 中文激情在线一区二区| 久久亚洲日韩精品一区二区三区| 久久久人妻精品无码一区| 国产成人无码aa精品一区| 日韩av片无码一区二区不卡电影| 亚洲高清日韩精品第一区| 亚洲国产高清在线一区二区三区| 日韩精品久久一区二区三区| 亚洲综合av一区二区三区不卡| 亚洲av成人一区二区三区| 精品国产福利一区二区| 精品成人乱色一区二区| 91视频一区二区| 波多野结衣一区二区三区| 亚洲高清一区二区三区| 鲁丝片一区二区三区免费| 国产主播一区二区| 少妇激情av一区二区| 蜜桃臀无码内射一区二区三区| 亚洲av福利无码无一区二区| 天堂国产一区二区三区| 91精品一区二区综合在线| 一色一伦一区二区三区|