1. 談談你對html標簽, 元素與屬性的理解, 并舉例說明1.HTML標簽是由一對尖括號<>組成的。標簽其分為“起始標簽”和“結束標簽”，前標簽為<>，結束標簽為>結束標簽多了一個斜杠“/”。舉例所示，

• 為起始標簽，

為結束標簽

2.元素是有多個標簽組成的，“起始標簽”表示元素的開始，“結束標簽”表示元素的結束，元素分為塊元素和行元素，

2.1 塊元素舉例如下：

實例

塊元素

塊元素

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例

2.2 行元素舉例如下：

實例

行元素?一行

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例

3.屬性提供了對HTML元素的描述和控制信息，對網頁進行字體顏色等渲染，是網頁充滿更多色彩

實例

屬性

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例

2. 列表有幾種, 如何定義?

HTML列表有三種

1.無序列表 (在網頁中定義一個無序的列表，需要自定義序列號，如果想實現1.2..3排序)

實例

• 1.小牛
• 2.大牛
• 3.老牛

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例

2.有序列表(在網頁中定義一個有序的列表，不需要自定義，就會自動實現1.2.3排序，大多數開發不會用到此列表)

實例

小牛

大牛

老牛

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例

3.自定義列表(定義列表。

標簽定義的題目。

標簽是術語的解釋。一個 和

，)

實例

自定義列表

項目內容

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例

3. 列表與表格的區別與聯系?什么時候用列表,什么時候用表格, 為什么?列表大多數用于少量的情況下，例如一列情況下

表格用于多數行或者列的情況下

對于多列且每一行之間有關聯的數據，適合用表格組織

4. 編程實現,用列表制作你的工作計劃,要求使用三種類型全部實現一次:

實例

• 1.學會前端
• 2.學會php編程
• 3.學會總和實戰開發與分析解決問題

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例

實例

學會前端

學會php編程

學會總和實戰開發與分析解決問題

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例

實例

學會前端

一個月時間學會html前端結構與寫法實現開發一個前端

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例

5. 編程實現一張商品清單, 使用表格實現,要求有行與列的合并,用到colspan, rowspan

實例

html>

表格

編號型號顏色大小數量單價金額

1iphone?x白色64G1550055002iphone?xs1650065003iphone?xs?max285008500合計:420500

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例

6. 編程實一張注冊表單, 要求使用到課堂上講到全部控件,并掌握所有屬性的使用場景與意義

實例

html>

Document

登陸

賬號：

郵箱：

密碼：

年齡

開發課程

請選擇

HTML5

CSS3

JavaScript

Php

Mysql

Laravel

愛好：

玩游戲

擼代碼

看電影

性別：

男生

女生

保密

注冊

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例

7. 寫出總結, 對于這些常用標簽的應用場景進行分析

總結：感覺web前端標簽太多了。也記不住，有什么好的方法記住嗎，還是熟能生巧，按照課堂上的，大概看下才能寫出來。而且容易混淆。

HTML文件由

和三部分組成，只有中內容在網頁上顯示。：指定整個網頁的標題，在瀏覽器最上方顯示。：主體標簽，定義HTML文檔所要顯示的內容。

元素分為塊級元素和行元素。超鏈接標簽，href：目標URL，即要跳轉的頁面URL。target：告訴瀏覽器用什么方式打開目標頁面，target屬性如下：_blank新窗口打開，_self:在同一個頁面中顯示。JavaScript是前端唯一的腳本編程語言, 得到了所有瀏覽器的支持，JavaScript可以控制頁面元素的顯示與行業, 使頁面具有交互性,提升用戶體驗，HTML是超文本標記語言，HTTP超文本傳輸協議，標題標簽

...

水平線段落表格框表格行表格列 表格標題列(將tr中的td替換為th)，th默認加粗且在單元格居中顯示。

form表單使用

action：表單需要提交的服務器地址

method：表單提交數據使用的方法，get/post

>>>get和post的區別

① get傳參使用URL傳遞，所有參數在地址欄可見，不安全；get傳參數據量有限。

② post傳參使用http請求傳遞，比較安全；post可以傳遞大量數據。

但是，get請求的傳輸速率比post快。

input的常用屬性

① type：設置input的輸入類型

② name：給input輸入框命名。一般情況下，name屬性必不可少。因為，傳遞數據時，使用name=value(輸入內容)的形式傳遞。

③ value：input輸入框的默認值

④ placeholder：輸入框的提示內容。當input有默認的value或輸入值時，placeholder消失

下拉選擇控件 select

寫法：

option可以有N多個

option常用屬性：

value="":當option沒有value屬性時，往后臺傳遞的是標簽中的文字；

當option有value屬性時，往后臺傳遞的是value屬性的值。

title="":鼠標指上后顯示的文字。

selected="selected":默認選中。

:用于將option標簽進行分組，label屬性表示分組名。

總結

以上是生活随笔為你收集整理的html设计的概念,HTML标签, 元素与列表，前端UI设计-2019.08.30的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。