整合營銷服務商

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

          免費咨詢熱線:

          如何自學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標簽含義及用法,可以按照上面介紹的標簽進行分類學習,感謝關注,祝你學習愉快。


          主站蜘蛛池模板: 国产剧情国产精品一区| 久久久精品人妻一区亚美研究所 | 国产精品电影一区| 99久久精品国产免看国产一区| 一区二区三区高清视频在线观看| 最美女人体内射精一区二区| 国产中的精品一区的| 日韩精品一区二区三区国语自制 | 精品国产伦一区二区三区在线观看| 午夜视频在线观看一区二区| 日韩精品人妻av一区二区三区| 大伊香蕉精品一区视频在线| 色婷婷一区二区三区四区成人网| 亚洲AV无一区二区三区久久| 精品国产一区二区三区麻豆| 一区二区视频在线免费观看| 久久精品一区二区免费看| 在线成人一区二区| 嫩B人妻精品一区二区三区| 久久se精品动漫一区二区三区| 国产一区二区在线| 中文字幕一区二区三区日韩精品| 免费无码VA一区二区三区| 国产一区高清视频| 激情久久av一区av二区av三区| 精品91一区二区三区| 国产亚洲福利精品一区| 国产激情一区二区三区在线观看| 相泽亚洲一区中文字幕| 亚洲av色香蕉一区二区三区蜜桃| 精品一区二区三区影院在线午夜 | 国产精品成人99一区无码| 中文字幕日本精品一区二区三区| 日韩精品一区二区三区中文精品| 日本一区二区三区在线网| 中文乱码字幕高清一区二区| 国产在线aaa片一区二区99| 国产精品伦子一区二区三区| 无码精品黑人一区二区三区| 一区二区三区四区在线视频 | 日韩一区二区a片免费观看|