家好,我是自學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>
<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的英文全稱是Hyper Text Markup Language,直譯為超文本標記語言。它是全球廣域網上描述網頁內容和外觀的標準。HTML包含了一對打開和關閉的標記,在當中包含有屬性和值。標記描述了每個在網頁上的組件,例如文本段落、表格或圖像等。
事實上,HTML是一種因特網上較常見的網頁制作標注性語言,而并不能算做一種程序設計語言,因為它缺少程序設計語言所應有的特征。HTML通過IE等瀏覽器的翻譯,將網頁中所要呈現的內容、排版展現在用戶眼前。
一個html標簽基本結構如下:
<標簽名稱 屬性="屬性值"></標簽名稱> 或 <標簽名稱 屬性="屬性值"/>
有以下特點:
沒有捷徑,需要多看,多練。在這里我不一一介紹每個標簽的具體含義及用法,相關語法可以參考以下幾個網站:
制定一個學習計劃,每天堅持下去
要求,每天花費3到5個小時學習,至少1到2周掌握常用的html標簽含義及用法,可以按照上面介紹的標簽進行分類學習,感謝關注,祝你學習愉快。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。