首页 > 程序开发 > web前端 > HTML/CSS >

html知识点总结(一)

2017-08-15

html知识点总结(一)。一、基本语法。1 常规标记

html知识点总结(一)

一、基本语法。
1.常规标记
<标记  属性=“属性值” ></标记>
2.空标记
<标记  属性=“属性值”/>
说明:(1).写在<>中的第一个单词叫做 标记,也可叫做标签、元素;
   (2).标记和属性用空格隔开,属性和属性值用等号连接,属性值必须放在引号内; 
           (3).一个标记可没有属性也可以有很多属性,属性和属性之间不分先后顺序;
   (4).空标记没有结束标签,用“/”代替。
二、html常用的标记。
1.
a: 强制换行<br/> 
b: 加粗<b></b>    或者   <strong></strong>
c: 倾斜<em></em>     或者
<i></i>
2.文本标题标签
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
说明:从h1到h6字体依次变小,但都为粗体。
三、 列表分为三类。
1.无序列表
ul
<ul>
<li>.......</li>
<li>.......</li>
<li>.......</li>
</ul>
注:ul 中 li 的默认样式是 { list-style-type : disc; } 
2.有序列表
ol
<ol>
<li>.......</li>
<li>.......</li>
<li>.......</li>
</ol>
注:ol 中 li 的默认样式是 { list-style-type :  decimal; } 
有序列表中可用type改变排序类型
e.g.
<ol type="a">
<li>我是有序列表一</li>
<li>我是有序列表二</li>
</ol>
在浏览器显示就是这样的:
a.我是有序列表一
b.我是有序列表二
3,自定义列表 dl
<dl>
<dt></dt>
<dd></dd>
</dl>
注:dt里一般放图片,dd放的是图片说明
四、插入图片。
<img src="图片路径及全称" alt=" " title="图片标题" />
注:alt属性是在你的图片因为某种原因不能加载出来是页面的提示信息,它会直接显示在原本加载图片的位置
title属性是在你鼠标停在该图片上是显示的一个小提示,鼠标离开就没有了。HTML的大多数标签都支持title属性。
五、超链接。
<a href="#"></a> 空链接
<a href="#" target="_blank" ></a>
属性 target
属性值:
_blank
在新页面打开
_self
是<a> 标签是默认目标,在页面本身打开
_parent
这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,
那么它与目标 _self 等效。
_top
这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。
<li>.......</li>
<li>.......</li>
<li>.......</li>
1.无序列表  ul
<ul>
<li>.......</li>
<li>.......</li>
<li>.......</li>
</ul>
注:ul 中 li 的默认样式是 { list-style-type : disc; } 

相关文章
最新文章
热点推荐