HTML--三种样式插入方法--链接---表格---列表
html三种样式表插入方法
1.外部样式表---<link rel="styleheet" type="text/css" href="mystyle.css">
2.内部样式表：--
<style type="text/css>
body{background-color:red}
p{margin-left:20px}
</style>
3.内联样式表：<p style="color:red">
---html链接
1.链接数据：--文本链接--<a href="链接地址">点击</a>
--图片链接---
<a href="链接地址">
<img src="图片的路径">
</a>
2.属性：href--指向另一个文档的链接
--name--创建文档内的链接--用途：在一个页面下，页面过大，可用于点击跳转到顶部或自定义注释处
例如：<a name="tips">我在这</a>
<a href="#tips">跳转到指定位置</a>
3.img标签属性：alt:替换文本属性--用途：当图片加载不出来的时候，会在框内所显示的内容
例如：<a href="链接地址">
<img src="图片的路径" alt="图片没有加载出来的提示">
</a>
----html表格
<table>---定义表格--<table border="1" cellpading="10">--border边框---
----cellpadding--单元格大小边距--
---cellpacing--单元格间距
<caption>---标题--<table><caption>在最外层</caption></table>
<th>---表头--放在tr中-<tr><th>表头一</th></tr>
<tr>---行
<td>---单元--可设空单元格内容---也可以写标签--<td><ul><li>标签一</li><li>标签二</li><li>标签三</li></ul></td>
<thead>---页眉
<tbody>---主体
<tfoot>---页脚
<col>---列属性
----html列表
<ol>----有序列表
<ul>---无序列表
<li>---列表项
<dl>---列表
<dt>---列表项
<dd>---描述
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> </head> <body> <ul> <li>苹果</li> <li>苹果2</li> <li>苹果3</li> </ul> <ol> <li>苹果</li> <li>苹果2</li> <li>苹果3</li> </ol> </body> </html>
---无序列表属性---<ul type="属性"> disc--实体圆 circle---空心圆 square--方块
---有序列表属性----A --大写 a--小写 I i start--从几开始
有序无序列表可嵌套--像目录一样下边有小节
------
