後端碼農之前端入門 HTML

2022-08-02 21:30:15 字數 2246 閱讀 6915

最近因為公司調整之前做rpc服務介面和業務邏輯,現在調整的要去做報表系統,所以要把前端撿起來;

之前的框架是struts2+spring3+mybatis,現在的框架是springmvc+mybatis+velocity,需要撿起來的前端涉及 js+ajax+jq+echarts

標籤的語法:

《標籤名 屬性1=「屬性值1」 屬性2=「屬性值2」……>內容部分 宣告位於文件中的最前面的位置,處於 標籤之前。此標籤可告知瀏覽器文件使用哪種 html 或 xhtml 規範。

標籤

meta標籤的組成:meta標籤共有兩個屬性,它們分別是http-equiv屬性和name 屬性,不同的屬性又有不同的引數值,這些不同的引數值就實現了不同的網頁功能。

(1)name屬性: 主要用於描述網頁,與之對應的屬性值為content,content中的內容主要是便於搜尋引擎機械人查詢資訊和分類資訊用的。

(2)http-equiv屬性:相當於http的檔案頭作用,它可以向瀏覽器傳回一些有用的資訊,以幫助正確地顯示網頁內容,與之對應的屬性值為content,content中的內容其實就是各個引數的變數值。

//(注意後面的引號,分別在秒數的前面和**的後面)

標籤
define_null

基本標籤(塊級標籤和內聯標籤)
: n的取值範圍是1~6; 從大到小. 用來表示標題.

: 段落標籤. 包裹的內容被換行.並且也上下內容之間有一行空白.: 加粗標籤.

: 為文字加上一條中線.

: 文字變成斜體.

和: 上角標 和 下角表.

:換行.

:水平線

: 只是乙個塊級元素,並無實際的意義。主要通過css樣式為其賦予不同的表現. 

: 表示了內聯行(行內元素),並無實際的意義,主要通過css樣式為其賦予不同的表現.

塊級元素與行內元素的區別

所謂塊元素,是以另起一行開始渲染的元素,行內元素則不需另起一行。如果單獨在網頁中插入這兩個元素,不會對頁面產生任何的影響。

這兩個元素是專門為定義css樣式而生的。

div標籤

span標籤

圖形標籤:

src: 要顯示的路徑.

alt: 沒有載入成功時的提示.

title: 滑鼠懸浮時的提示資訊.

width: 的寬

height:的高 (寬高兩個屬性只用乙個會自動等比縮放.)

超連結標籤(錨標籤):
click

絕對 url - 指向另乙個站點(比如 href="

相對 url - 指當前站點中確切的路徑(href="index.htm")

錨 url - 指向頁面中的錨(href="#top")

列表標籤
: 無序列表 [type屬性:disc(實心圓點)(預設)、circle(空心圓圈)、square(實心方塊)]

: 有序列表

:列表中的每一項.

定義列表

列表標題

列表項

**標籤:
標題

標題

內容內容

屬性:
: table row

: table head cell

: table data cell

屬性: border: **邊框.

cellpadding: 內邊距

cellspacing: 外邊距.

width: 畫素 百分比.(最好通過css來設定長寬)

rowspan: 單元格豎跨多少行

colspan: 單元格橫跨多少列(即合併單元格)

表單標籤:標籤
標籤
登入吧

後端碼農談前端(HTML篇)第三課 常見屬性

1 核心屬性 屬性描述 id設定元素的唯一 id。class 設定元素的乙個或多個類名 引用樣式表中的類 style 設定元素的行內樣式 css內聯樣式 title 設定有關元素的額外資訊 可在工具提示中顯示 2 語言屬性 屬性描述 lang 設定元素內容的語言 3 鍵盤屬性 屬性描述 access...

向web前端碼農前進

轉眼大學時光已經過了三年,並不喜歡自己的專業。各科成績並不好,在女生不多而且大部分的女生成績都很好的工科專業,我們幾個就像異類。曾一度有些沮喪,大學似乎不應該是這樣的,沒有參加過什麼活動,沒有參加過各種學科競賽,沒有獎學金.大部分人眼中失敗的三年。前不久,忽然就想明白,我的大學並不是白白度過的。專注...

後端碼農談前端(CSS篇)第五課 CSS樣式

css 允許應用純色作為背景,也允許使用背景影象建立相當複雜的效果。可以使用 background color 屬性為元素設定背景色。這個屬性接受任何合法的顏色值。例如 要把影象放入背景,需要使用 background image 屬性。background image 屬性的預設值是 none,表...