HTML常用标记
HTML页面基本结构标记
HTML页面的结构代码如下:
<!DOCTYPE>
<html>
<head>
<title>页面标题<title/>
<head/>
<body>
这里是页面内容部分
<body/>
<html/>
HTML常用标记
表内容的标记
1、文本标记
文本基础元素包括p,h1,h2,h3,h4,h5,h6等元素,主要用来容纳文本等内容。
1、<p>:块元素,表示文本段落。
2、<span>:内联元素,用来区分文本中的一个部分。
3、标题元素:块元素,用来定义文本中的各种标题。
h1,h2,h3,h4 ,h5,h6,其中每
个元素都对应有默认的字体样式其代码如下:
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
2、粗、斜体标记
1、<strong>:内联元素,文本以粗体显示。
2、<b>:内联元素,显示效果为文本加粗。
3、<em>:内联元素,文本以斜体显示。
4、<i>:内联元素,文本以斜体显示。
3、水平线、换行、注释标记
1、<br/>:内联元素,文本换行。
2、<hr/>:块级元素,横向实线。
3、<!-- -->:注释
4、图像、背景音乐、插入动画等标记
1、<img src=”xxx.gif”title=”xxx”alt=”xxx”>:内联元素,用来插入图像文
件。
src :用于指定图片文件所在的位置。
title/alt:用于指定一段文本信息,作为鼠标放在图像上的提示。
2、<bgsound/>:用来添加背景音乐。
<bgsound src="your.mid" autostart="true" loop="infinite" >
src="your.mid"—设定midi 档案及路径。
autostart="true"—是否在音乐档下载完之后就自动播放。
true 是,false 否(内定值)。
loop="infinite"—是否自动反复播放。
loop=2 表示重复两次,infinite 表示重复多次。
3、<embed>:插入用来插入各种多媒体。
格式可以是midi、wav、aiff、au 等等。
. <embed src="your.mid" autostart="true" loop="true" hidden="true">
5、链接标记
1、<a>:内联元素,定义页面中的超链接。
如:<a href="#">新浪微博</a>
6、表单标记
1、<form>:用于创建表单。
2、<label>,定义标注。
3、<input/>:用来定义表单控件,例如输入文本等。
4、<select>:定义下拉菜单。
5、<textarea>:定义文本域。
表结构的标记
1、div标记
<div>:块元素。
可以使用class和id属性进一步控制页面表现。
Div是css布局中使用最
多的元素。
2、列表标记
1、<ul>:块元素,定义无序列表,其子元素只能包含<li…./> 。
2、<ol>:块元素,定义有序列表,其子元素只能包含<li…./> 。
3、<dl>:块元素,定义列表,只能包含<dt.../>和<dd…/>元素;
dt指定标题名称,为内联元素;dd指定定义内容,为块元素。
3、表格标记
1、<table>元素:定义表格。
2、<tr>>:定义表格中的行。
3、<td>:定义表格中的单元格。