HTML--三种样式插入方法--链接---表格---列表

Posted fdxjava

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML--三种样式插入方法--链接---表格---列表相关的知识,希望对你有一定的参考价值。

html三种样式表插入方法
1.外部样式表---<link rel="styleheet" type="text/css" href="mystyle.css">
2.内部样式表:--
<style type="text/css>
bodybackground-color:red
pmargin-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--从几开始

有序无序列表可嵌套--像目录一样下边有小节

------

 

以上是关于HTML--三种样式插入方法--链接---表格---列表的主要内容,如果未能解决你的问题,请参考以下文章

在HTML中使用CSS样式的几种方式

公众号导入表格以后其他资料都没有了

css 菜鸟

jquery中的dataTable表格控件中如何插入超链接或者按钮?

请详细说明HTML文件使用css样式的几种方法?

在HTML文档中可以使用哪几种样式