码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-07-14 18:06:05      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:order   keyword   meta   square   htm   rds   href   边框   样式表   

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--从几开始

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

------

 

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

标签:order   keyword   meta   square   htm   rds   href   边框   样式表   

原文地址:https://www.cnblogs.com/fdxjava/p/11184962.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!