天天看點

HTML5--塊-div和span

HTM

L <div> 和 <span>

可以通過

<div> 和 <span>

将 HTML 元素組合起來。

HTML 塊元素

大多數 HTML 元素被定義為塊級元素或内聯元素。

編者注:“塊級元素”譯為 block level element,“内聯元素”譯為 inline element。

塊級元素在浏覽器顯示時,通常會以新行來開始(和結束)。

例子:

<h1>, <p>, <ul>, <table>

HTML 内聯元素

内聯元素在顯示時通常不會以新行開始。

例子:

<b>, <td>, <a>, <img>

HTML

<div>

元素

HTML

<div>

元素是塊級元素,它是可用于組合其他 HTML 元素的容器。

元素沒有特定的含義。除此之外,由于它屬于塊級元素,浏覽器會在其前後顯示折行。

如果與 CSS 一同使用,

<div>

元素可用于對大的内容塊設定樣式屬性。

<div>

元素的另一個常見的用途是文檔布局。它取代了使用表格定義布局的老式方法。使用

<table>

元素進行文檔布局不是表格的正确用法。

<table>

元素的作用是顯示表格化的資料。

HTML

<span>

元素

HTML

<span>

元素是内聯元素,可用作文本的容器。

元素也沒有特定的含義。

當與 CSS 一同使用時,

<span>

元素可用于為部分文本設定樣式屬性。

HTML 分組标簽

标簽 描述

<div>

定義文檔中的分區或節(division/section)

<span>

定義 span,用來組合文檔中的行内元素。

如下

<HTML>
	
	<head>
		<title>表單</title>
		<meta name="keywords" content="籃球,足球,羽毛球">
		<meta name="description" content="這是一家體育用品商店">
		<meta name="content-type" content="text/html; charset=UTF-8">
	
		
	</head>
	<body>
		<b>粗體</b>
		<small>小的</small>
		<big>大的</big>
		<p class="tip"><span>提示:</span>... ... ...</p>	
		<p><span>some text.</span>some other text.</p>	
			
	</body>
	
		
</HTML>
           
HTML5--塊-div和span

繼續閱讀