Html基本标签

H（标题）标签

一级标题只能在一个网页中出现一次，如何想用两个，必须用hgroup标签包含起来,如果连着用了多个标题标签必须使用hgroup标签包含起来，这样对浏览器搜索引擎更加友好

h标签分为：h1,h2,h3,h4,h5,h6

段落标签

<p></p>

特点：独占一行

其他标签

<br/>:换行标签

<pre></pre>

<pre>标签是预格式化文本的标签！在网页中我们打一段文本不能像word一样方便需要我们用类似<br /><p>之类的标签来排列。如果你不想那样的话有个很好的办法是用<pre>标签哦！它会照着你输入的样式输出！空格和回车都原样的输出！

文本格式化标签

strong：粗体
i和em代表斜体
small：字体缩小
big:字体放大
sup：上标
sub：下标
del:删除文本
ins:添加文本

 

※img标签和a标签

1. img标签

<img src="../img/m_tangcupaigu.gif" alt="加载失败"  
    	title="糖醋 排骨，好香啊" width="160" height="140" border="1" />
<!--
    	他也是一个行内元素
    	src:图片地址
    	alt:当图片加载失败时，替换文本
    	title：鼠标放到图片上时，提示文本
    	width:图片宽度
    	height：图片高度
    	border:图片边框,默认为0
    	
    -->

a标签：

            <!--
			a标签也是行内元素
			target属性常用值：
			_self:默认值，在同一窗口中打开连接页面
			_blank:在新窗口中打开连接页面
			-->
			<!--
        	锚链接：连接当前页面资源
        	需要给当前页面资源起一个锚名称，可以是id或name
        	href的值就是锚名称，id的话以#号开头
            -->

		<a href="#p1">第一章</a>
		<a href="5 HTML图像.html" target="_self">图片</a>
	    <a href="http://www.baidu.com" target="_blank">百度一下</a>

列表标签

 

 

1. 无序列表

<!--无序列表
			ul标签标识无序列表
			li标识列表项
			
			type取值：
			square:实现正方形
			disc:默认值，实心圆
			circle:空心圆

ul li{
//设置style
去除type标记
list-style: none;

}
		-->
		<ul>
			<li>吃饭</li>
			<li>学习</li>
			<li>吃饭</li>
		</ul>
		
		<ul type="square">
			<li>鲁班</li>
			<li>后羿</li>
			<li>马克</li>
		</ul>
		
		<ul style="list-style-type: square;">
			<li>虞姬</li>
			<li>成吉思汗</li>
			<li>伽罗</li>
		</ul>

 

1. 有序列表

<!--
        	ol:代表有序列表
        	li:代表列表项
        	
        	type属性
        	默认为1
        -->
        <ol>
        	<li>诸葛亮</li>
        	<li>嬴政</li>
        	<li>妲己</li>
        </ol>
        
        <ol type="A">
        	<li>女娲</li>
        	<li>不知火舞</li>
        	<li>甄姬</li>
        </ol>

 

1. 自定义列表

 <!--自定义列表
        	dl；标识自定义列表
        	dt标签用来标识词条
        	dd标签对词条的解释
        -->
        <dl>
        	<dt>刘文奇</dt>
        	<dd>是一个女生，很漂亮</dd>
        </dl>