整合營銷服務商

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

          免費咨詢熱線:

          如何自學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中文一区二区三区桃花岛| 久久精品道一区二区三区| 伊人久久一区二区三区无码| 亚洲日韩中文字幕无码一区| 精品无码人妻一区二区三区品| 久久91精品国产一区二区| 中文字幕精品无码一区二区| 国产激情无码一区二区三区| 日韩三级一区二区三区| 国模吧一区二区三区精品视频| 国产福利日本一区二区三区| 亚洲AV成人精品日韩一区| 一区二区三区久久精品| 亚洲丶国产丶欧美一区二区三区| 亚洲视频一区二区在线观看| 亚洲天堂一区二区三区| 日韩在线一区二区| 国产小仙女视频一区二区三区| 免费看无码自慰一区二区| 日韩精品一区二区三区中文版| 亚洲欧美一区二区三区日产| 午夜性色一区二区三区不卡视频 | 一区二区三区美女视频| 欲色影视天天一区二区三区色香欲| 福利视频一区二区牛牛| 风间由美性色一区二区三区| 日韩一区二区在线视频|