當前位置:首頁 » 網頁前端 » 前端之html
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端之html

發布時間: 2023-01-14 17:15:22

前端開發 之 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前端還是會一如既往地「紅」下去。