1.HTML標簽由尖括號包圍關鍵詞。通常是成對出現的,稱為雙標簽。例如<html>(開始標簽)和</html>(結束標簽)。有些特殊標簽為單個標簽,稱為單標簽。例如<br/>
2.標簽關系有包含關系和并列關系
3.標簽的含義(語義):標簽是用來干嘛的。(在適合的地方給一個合理的標簽可以使頁面結構更清晰)
4.每個網頁都會有一個基本的結構標簽(也稱為骨架標簽),HTML頁面也稱為HTML文檔
1.<html>標簽是根標簽,頁面中最大的標簽
2.<head>標簽是文檔的頭部,在<head>標簽內必須設置<title>標簽
3.<title>標簽是文檔的標題,網頁的標題
4.<body>標簽是文檔的主體,文檔的所有內容,網頁內容
(1) 語義:作為標題使用,并依據重要性遞減(2) 特點:a.加了標題標簽文字會變粗,字號依次變大 b.一個標題獨占一行
(1) 語義:可以把HTML文檔分割為若干段落
(2) 特點:a.一個段落根據瀏覽器窗口的大的自動換行 b.段落之間有大的空隙
(1) 語義:強制換行
(2) 特點:a.<br/>是個單標簽 b.<br/>只是簡單重新開始一行與段落不同
(1) 加粗:<strong></strong>或<b></b> 推薦使用<strong>標簽,語義更強烈
(2) 傾斜:<em></em>或<i></i> 推薦使用<em>標簽,語義更強烈(emphasize)
(3) 刪除線:<del></del>或<s></s> 推薦使用<del>標簽,語義更強烈(delete)
(4) 下劃線:<ins></ins>或<u></u> 推薦使用<ins>標簽,語義更強烈(insert)
特點:a.<div>標簽用來布局,一行只能放一個<div>,是個大盒子 b.<span>標簽用來布局,一行可以有多個<span>,是個小盒子
程序員web前端培訓分享HTML元素強制不換行,HTML 中 nowrap是用來強制不換行的
在排版中
對包裹plain text的標簽使用nowrap屬性即刻實現強制不換行.
如:
強制不換行
在使用div的超文本中
把div,h1,section,nav,a,li等元素 強制變成行內元素
display:inline;
然后就能夠像第一種情況一樣對其進行操作.
例子: 父級nav限寬下ul元素強制不換行
使子標簽ul自身有wrap-content(借用android layout的關鍵形容詞)的寬度
nav>ul>li*10>a[href='#']{隨機鏈接$}
nav{ 固定寬度width:40em; nowrap屬性white-space:nowrap; }
ul,li,a{ 行內元素display:inline; 消除浮動float:none; }
// li 變成inline是必要的
當ul不為inline的時候,ul本身寬度最大值為父級nav的寬度;
當ul為inline 的時候,ul寬度為wrap-content寬度.
demo見我的導航
*請認真填寫需求信息,我們會在24小時內與您取得聯系。