Ⅰ 前端開發 之 HTML基礎(二)
標記 在表示HTML文檔內容結構和含義的時候,通常有兩種方式,我們分別稱 單標記 和 雙標記 ,或者叫 空標記 和 普通標記 。
雙標記(普通標記):
<標記名稱 屬性1名="屬性1值" 屬性2名="屬性2值" ……></標記名稱>
單標記(空標記):
<標記名/>
注釋符:``
語法: <h#> </h#>
說明:
其中#可以選擇1-6.
文本標題(h1-h6)
![](目標文件路徑及全稱)
<a href="目標文件路徑及全稱/鏈接地址" title="提示文本" target="" >鏈接文本/圖片</a>
`
Ⅱ 前端入門之HTML的表格
表格:
表格由 <table> 標簽來定義。每個表格均有若干行(由 <tr> 標簽定義),每行被分割為若干單元格(由 <td> 標簽定義)。字母 td 指表格數據(table data),即數據單元格的內容。數據單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。border是邊框屬性。
row 1, cell 1row 1, cell 2row 2, cell 1row 2, cell 2
運行結果:
image
表格標簽:
| 標簽 | 描述 |
|
| 定義表格 |
|
| 定義表格的行 |
|
| 定義表格列的組 |
|
| 定義用於表格列的屬性 |
|
| 定義表格的頁眉 |
|
| 定義表格的主體 |
|
| 定義表格的頁腳 |
表格形式:
1.無邊框表格
第一種:100200300400500600第二種:100200300400500600
2.表頭
水平標題:表頭一表頭二表頭三100200300垂直標題:表頭一100表頭二200表頭三300
運行結果:
3.標題
標題表頭一100表頭二200表頭三300
運行結果:
4.跨行跨列的表格單元格(
合並單元格:
單元格屬性:
colspan=2 水平合並 向右合並 值包含自己
rowspan=2 垂直合並 向下合並 值包含自己
合並單元格本質就是改變寬度 高度 佔位實現的
)
表頭一表頭二100200300表頭一100表頭二200300
運行結果:
5.表格內的標簽
這是一個段落
這是另一個段落
運行結果:
6.單元格邊距, cellpadding="0" 邊距(內容和單元格的距離)
運行結果:
7.單元格間距, cellspacing="0" 間距(單元格與單元格的距離
運行結果:
Ⅲ 前端之骨架html
前面介紹了html,其實就是一個html文檔的基本構架。
那麼html中它的標簽就是構成骨架的重要的元素。即我們所看到的一個頁面就是有各個標簽的功能所構成的。
如重要的標簽div 是一個盒子。
標題標簽title
標題標簽h1~h6,有權重性。H1的權重性最高,越往後越低。Title與h標題的區別在於Title標題是用於整個頁面的標題,h標題用於於文章中的標題。
段落標簽p
超鏈接標簽a標簽
行內標簽span標簽.
無序列表標簽ul>li
有序列表ol>li
還有經常用到的圖片標簽,img
下面為整個標簽的效果圖
當然了,你需要怎麼樣的排列布局,那就要用到相對應的標簽和功能。排列成自己喜歡的網頁,那就可以了。
更多的知識,可以和我討論,交流。
Ⅳ 學習前端html與html5有什麼區別
區別不大。 HTML5是HTML標准,是一項標准化協議。
HTML代表超文本標記語言,用於使用標記語言設計網頁。HTML是超文本和標記語言的組合,超文本定義了網頁之間的鏈接;標記語言用於定義標記內的文本文檔,該文檔定義網頁的結構。此語言用於注釋(在計算機注釋中)文本,以便機器可以理解它並相應地操作文本。
大多數標記(例如HTML)語言都是人類可讀的。該語言使用標簽來定義必須對文本進行哪些操作。它用於在網頁上構造和呈現內容。
通俗來說,HTML5是HTML的第五個版本,HTML5中刪除或修改了許多元素。
HTML代表超文本標記語言,用於使用標記語言設計網頁。HTML是超文本和標記語言的組合,超文本定義了網頁之間的鏈接;標記語言用於定義標記內的文本文檔,該文檔定義網頁的結構。此語言用於注釋(在計算機注釋中)文本,以便機器可以理解它並相應地操作文本。
大多數標記(例如HTML)語言都是人類可讀的。該語言使用標簽來定義必須對文本進行哪些操作。它用於在網頁上構造和呈現內容。
HTML5是HTML的第五個版本,HTML5中刪除或修改了許多元素。
Ⅳ 小白總結:前端HTML基礎知識點(1)——元素總結
HTML中的標簽元素一般分為三大類,它們分別是:塊級元素、行內元素、行內塊級元素。下面總結一下這幾類元素的特點及應用。
01 塊級元素
特點:
① 獨佔一行、從上到下排列
② 可直接控制寬度、高度及盒子模型的CSS屬性(width 、height、padding 等屬性值)
③ 在不單獨設置寬度的情況下,塊級元素的寬度(width屬性)繼承父元素
④ 在不單獨設置高度的情況下,塊級元素的高度(height屬性)靠自己的基因(它本身內容的高度)
塊級元素從我的理解來說,就是一個大框框,用來框住其它元素不要亂跑亂竄的,只能在一定范圍內活動。所以,它通常會用來進來大的結構搭建。
常用的塊級元素:
02 行內元素
特點:
① 元素與元素之間會自動排列成一行,遇到空間不夠自動換行
② 默認高度和寬度(width、height)屬性與它們的內容有關,無內容那麼它本身也就是虛無。
③ 行內元素不支持padding、margin的上下調動(它們就是緊挨著不離不棄、除非用外部手部強制拆散它們)
行內元素一般用來修飾點綴內容而用,語義化比較強,用來加強代碼的可讀性。
常用的行內元素:
03 行內塊元素
特點:
從這個名字就可以看出來,它是一個結合體,塊級元素和行內元素的結合體。它具備二者共有的一些特點,使用非常頻繁。
① 元素具有塊級元素的屬性(width、height等屬性),可以對其直接控制
② 雖然有寬和高,但是他並不會霸道地獨佔一行,它具有行內元素的「親情屬性」,會自動排列挨在一起。
③ 行內塊元素支持padding、margin的上下調動
歡迎大佬提點指正
Ⅵ 前端跟HTML有什麼關系
肯定有關系的!而且前端是比較容易學會的!如今,整個互聯網行業都缺少Web前端工程師,無論是剛起步的創業公司,還是上市公司,都存在這一問題,特別優秀的Web前端工程師簡直比大熊貓還稀少。不僅在國內,放眼全球,Web前端工程師一樣是需求旺盛,成了供不應求的香餑餑。
Web前端開發相關職位需求,基本上每天都是保持在幾千的需求量,並且起始薪資還是較高的,一般都是在8k-12k左右,隨著工作時間和經驗的增長,薪資的漲幅也是比較可觀的。
就業方向廣
在目前互聯網時代,只要公司有需要開發互聯網產品,包括網站、網頁、H5、小程序、APP等等,就需要前端開發工程師崗位,具體的就業方向還可以按公司的技術需求來區分,側重點各有不同,就業行業隨著互聯網的發展,已經變得越來越廣泛了。
未來發展前途好
隨著5G時代的到來,之後在移動互聯網領域將會出現新的開發場景,包括自動駕駛、車聯網、物聯網、人工智慧、智能家居還有可穿戴設備等領域將帶來大量的前端開發需求。有需求就會有市場,所以2021年Web前端還是會一如既往地「紅」下去。