HTML小结-CSDN博客

本文链接：https://blog.csdn.net/rongja/article/details/105064664

HTML 小结

html作为前端语言而言，它起到的作用是填充标记内容，可以显示出所想要表达的文章，图片，或是一个链接。
首先HTML最为重要的是它的框架其次则是标签和它们的属性。而难度也是依次增大。在这里总结一些常用的标签和属性。

下面是一些基本元素

<h1></h1>      标题大小 h1-h6
<p>            定义段落
<br>           换行  
<span></span>  默认不换行
<div></div>    默认换行（可以指定id，class，style等属性）
 <span>就不换</span>
 <span>就不换</span>
 <div>我要换</div>
 <div>我要换</div>
```下面是演示代码
 <span>就不换</span> <span>就不换</span>
 <div>我要换</div> <div>我要换</div>

## 文本格式化元素

<b>  
<i>
<strong>
<smal>
<span>normal</span><br>
<span><b>加粗</b></span><br>
<span><small>小号文本</small></span><br>
<span><b><i>加粗斜体</i></b></span><br>
<span><strong>加粗</strong></span><br>

normal

加粗

小号文本

加粗斜体

加粗

超链接

在表单中可用<>
<href></href>  指定所相关的另一个资源
target 指定使用框架集中的哪个框架装在另一个资源。
属性值为 _self,_blank,_top,    _parent
分别代表  自身  新窗口  顶层框架 父框架
本窗口
<a href="http://www.baidu.com">百度 </a>
新窗口
 <a href="http://www.baidu.com"target="_blank">百度</a>
**为图像添加超链接**
 <a href="http://www.baidu.com"><img src="images/logo.jpg"></a>

列表

定义无序列表
1. 定义有序列表
2. 定义列表项目定义标题列表项目
  定义普通列表项目

<ul>
	<li>列表一号</li>
	<li>列表二号</li>
	<li>列表三号</li>
</ul>	
<ol start="4" type="1">
	<li>列表一号</li>
 	<li>列表二号</li>
 	<li>列表三号</li>
</ol>
<dl>/
<dt>标题</dt>
<dd>one</dd>
<dd>two</dd>
<dd>three</dd>
</dl>