web前端學習之路 第一天

2021-08-20 06:32:08 字數 1778 閱讀 4580

本人做了幾年的android開發,最近接手的專案裡面,大多數介面都是載入的網頁,為了能夠更好的接手專案,同時也讓自己能夠多學一些,所以準備自學一些web前端的知識。

因為自己也不算新手了,所以在ide的選擇上,我還是準備用比較成熟的,這裡我選擇的是vscode,如果是小白的話,建議用記事本或者其他編輯器。之所以選擇vscode,是因為專案中用到了,同時我也查了關於這個ide的資料,反饋還是不錯的,可以自己新增一些外掛程式,同時也有提示,而且很流暢。使用的話還是比較簡單的,大家去查一下簡單的使用教程就可以上手了。

下面說一下新手該如何學習:

這個是知乎上的回答,感覺不錯,大家可以直接看

推薦書籍

學習**:菜鳥教程

charset="utf-8">

菜鳥教程(runoob.com)title>

head>

我的第乙個標題h1>

我的第乙個段落。p>

body>

html>

!doctype html :宣告為 html5 文件

html :元素是 html 頁面的根元素

head :元素包含了文件的元(meta)資料

title :元素描述了文件的標題

body :元素包含了可見的頁面內容

h1 :元素定義乙個大標題

p :元素定義乙個段落

上面應該是最簡單的乙個例子了,就像我們編寫的hello world一樣,除了h1和p,剩下的每次建立乙個html基本都會編寫,怎麼快速生成呢,

英文!,然後tab鍵,這樣就可以了,理解了上面的含義,以後就不用每次重複敲了。

下面概括性的總結一些常用的:

標籤含義

p表示乙個段落

hh1-h6,標題的重要性依次減弱

hr定義一條水平線

br插入單個折行(換行)

b定義粗體文字

em定義著重文字

i定義斜體字

small

定義小號字

strong

定義加重語氣

sub定義下標字

sup定義上標字

ins定義插入字

del定義刪除字

code

定義計算機**

kbd定義鍵盤碼

samp

定義計算機**樣本

var定義變數

pre定義預格式文字

abbr

定義縮寫

address

定義位址

bdo定義文字方向 dir屬性設定文字方向

blockquote

定義長的引用

q定義短的引用語

cite

定義引用、引證

dfn定義乙個定義專案。

注意事項:

href=""
使用a標籤,這裡的href中是要跳轉的位址,如果不設定target,那麼預設在原視窗跳轉,如果加上」_blank」,那麼就會新開啟乙個視窗。

標籤含義

head

定義了文件的資訊

title

定義了文件的標題

base

link

定義了乙個文件和外部資源之間的關係

meta

定義了html文件中的元資料

script

定義了客戶端的指令碼檔案

style

定義了html文件的樣式檔案

暫時先了解相關的定義,以後用的應該會多一些

web前端第一天

什麼是html 根據w3c定義,html全稱hypertext markup language 用於定義文件的內容結構 中文全稱 超文字標記語言 2.什麼是css css英文全稱 cascading style sheets 頁面表現的基礎,可以控制布局,控制元素的渲染 用於定義html文件的樣式 ...

Web前端學習CSS第一天

亂碼的問題的根源 於儲存的時候和解析的時候的編碼方式不一致 國標中文 包含big5 全球通用 包含中文及其其他所有國家的語言編碼 也支援中國漢字,生僻字,繁體字支援的少 css全稱為 cascading style sheets 翻譯過來就是層疊樣式表 主要作用就是設定網頁的文字 大小,顏色,字型,...

前端學習第一天

從昨天開始,才是開始切圖做頁面,目前處於很初級的階段,很多東西都是在試探之中,不過感覺自己對這個東西還是挺感興趣的,也有這個信心把這個做好。所以,趁現在空閒時間還比較多,好好的學習一門技術,不管將來有沒有別的出路,有一門技術總是好的,加油!明天繼續努力。今天弄清楚了昨天做頁面時遇到的幾個問題 1 剛...