首頁 > web前端 > css教學 > 主體

HTML裡的常見問題一

php中世界最好的语言
發布: 2018-03-08 16:34:20
原創
2336 人瀏覽過

這次帶給大家在HTML裡有哪些常出現的問題?有序列表、無序列表、自訂清單如何使用?寫個簡單的例子。三者在語意上有什麼差別?使用場景是什麼? 能否嵌套?

有序列表是以數字進行標記的列表項目:

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
登入後複製

效果如下:

<ol><li>Coffee</li>
<li>Milk</li> </ol>
登入後複製

無序列表是以原點標記的列表項目:

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
登入後複製

效果如下:

<ul><li>Coffee</li>
<li>Milk</li></ul>
登入後複製

自訂清單所表示的項目加註解的組合:

<dt>Coffee</dt>
 <dd>Black hot drink</dd><dt>Milk</dt></dl>```
登入後複製

效果如下:

#
><dl><dt>Coffee</dt><dd>Black hot drink</dd><dt>Milk</dt><dd>White cold drink</dd></dl>
登入後複製

這三個列表都可以相互嵌套。
-
#如何移除清單前面的點或數字?
使用CSS樣式即可

```<style>ul{
     list-style: none;
}```
登入後複製

-
#class 和 id 有什麼差別?什麼時候用 class 什麼時候用 id? 1.ID具有唯一性,Class具有普遍性。 2.ID是唯一的,通常用於
頁面佈局

3.Class是可重複的,通常用於樣式定義。
4.ID的樣式優先權高於Class。
- #區塊級元素、行內元素是什麼?有什麼區別?分別對應哪些常用標籤? 區塊級元素在瀏覽器顯示時,通常會以新行來開始(和結束)。
行內元素(
內聯元素
)在顯示時通常不會以新行開始。
區別:
1.區塊級元素會獨佔一行,其寬度自動填滿其父元素寬度。   行內元素不會獨佔一行,相鄰的行內元素會排列在同一行裡,知道一行排  不下,才會換行,其寬度隨元素的內容而變化2.塊級元素可以設定width , height屬性,行內元素設定width,  height無效3.區塊級元素可以設定margin和padding。行內元素的水平方向的padding-left,padding-right,margin-left,margin-right 都會產生邊距效果,但是垂直方向的padding-top,padding-bottom
,margin-top,
margin-bottom
都不會產生邊距效果。
區塊級元素標籤:div, p,form,ul,li,ol,dl,form,address,fieldset,hr,menu, table。
行內元素標籤:span,strong, em,br,img,input,label,select,textarea, cite。
-
#display: block、display: inline、display: inline-block分別有什麼作用?

1.display:block:此元素將顯示為區塊級元素,此元素前後會帶有換行符。 ###2.display:inline:此元素會被顯示為內嵌元素,元素前後沒有換行符號。 ###3.display:inline-block:將物件呈現為內嵌對象,但是物件的內容作為區塊物件呈現。旁邊的內聯物件會被呈現在同一行內,允許空格。 ###- ####下方程式碼的功能?       ###
       <div id="header">
        </div>
        <div id="content">
        <div class="main"></div>
        <div class="aside"></div>
        </div>
        <div id="footer">
        </div>
登入後複製

这段代码通过使用id,class对div模块进行布局,让页面呈现为页头,内容,页尾,并且在内容中分为侧栏和主栏部分。而在页面中,header,content,footer仅会出现一次,故用id标记,而content为了后期方便修改,用class标记。
- ####如何理解 HTML CSS 语义化?
通过语义化可以让人们更容易明白每个标签的作用和使用场景,比如p标签就可以理解为paragraph标签,代表一个段落。诸如此类的还有em标签,hx标签,table标签等。
- ####form表单有什么作用?有哪些常用的input 标签,分别有什么作用?
HTML通过form标签创建表单为用户提供文本字段、复选框、单选框、提交按钮等向服务器传输数据。常见的input标签有:
type  规定 input 元素的类型。
src   定义以提交按钮形式显示的图像的 URL。
checked 规定此 input 元素首次加载时应当被选中。
value 规定 input 元素的值。
name 定义 input 元素的名称。
- ####post 和 get 方式的区别?
get以 URL 变量 的形式来发送,将表单数据以名称/值对的形式附加到 URL 中。
post以 HTTP post 的形式来发送,以 HTTP post 事务的方式来传递表单数据。
- ####在input里,name 有什么作用?
name 属性规定 input 元素的名称,用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据。
- ####提交三者有什么区别?
1.定义一个按钮,。 标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容。
2.提交是一个a标签定义的超链接,而其样式用class="btn"标记。
3.定义了提交按钮,点击并向服务器发送表单数据。数据会发送到表单的 action 属性中指定的页面。
- ####radio 如何分组?
在input标签中添加name属性进行分组。
- ####placeholder 属性有什么作用?
placeholder 属性提供可描述输入字段预期值的提示信息(hint)。该提示会在输入字段为空时显示,并会在字段获得焦点时消失。
- ####type=hidden隐藏域有什么作用?举例说明
隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序

所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

简述CSS中clearfix 的原理

CSS常见样式

怎样用CSS3制作登录框

CSS的选择器有哪些常见问题

以上是HTML裡的常見問題一的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板