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

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

------

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

时间: 2024-10-09 01:51:26

HTML--三种样式插入方法--链接---表格---列表的相关文章

三种纯CSS方法实现等高列

在这篇文章里, 我会介绍三种使用纯css的方式来实现等高列的方法.在网页布局中设置列等高是比较常见的, 所以写这篇文章就是要总结下一些优雅的纯CSS解决方案. 插图自己弄得,不喜莫喷 哈哈.. 下面介绍的三种方法都只用到了CSS , 不涉及jQuery.JavaScript计算实现的方法,所以我把它这篇文章标题设为:三种纯CSS方法实现等高列. 方法-1: 使用Margins, Paddings和 Overflow来实现 第一种方法使用margins, paddings和overflow来迫使列

转载:CSS的组成,三种样式(内联式,嵌入式,外部式),优先级

(仅供自己备份) 原文地址:http://blog.csdn.net/chq11106004389/article/details/50515717 CSS的组成 选择符/选择器+声明(属性+值) 选择符/选择器,指明网页中要应用样式规则的元素,如本例中是p是选择器,它的文字将变成蓝色,而其他的元素(如ol)不会受到影响 声明:当有多条声明时,中间可以英文分号";"分隔 --------------------------------------------------内联式CSS -

html5的三种样式

虽然最近一直在加班,但是对html5的学习还是不敢落下,html5的样式这节课听得比较仔细,我自己觉得也比较重要,样式也是html5中一个比较重要的点. 表示样式的标签有两个style和link,style用于样式的定义,link用于资源的引用,把一些外部的样式引用到html页面中.样式中的属性主要有rel.type.margin,用法如:rel="stylesheet"表示外部样式表,type="text/css"表示引入css文档,margin-left表示左边

CSS的三种样式:内联式,嵌入式,外部式以及他们的优先级

从CSS 样式代码插入的形式来看基本能够分为下面3种:内联式.嵌入式和外部式三种. 1:内联式css样式表就是把css代码直接写在现有的HTML标签中,如以下代码: <p style="color:red";font-size:12px>这里文字是红色.</p> 2:嵌入式,嵌入式css样式.就是能够把css样式代码写在<style type="text/css">XXX</style>标签之间. <head&g

CSS基础知识(2)三种样式表的写法,块、行内、行内块元素之间的转换

margin: 0 auto /*可以让盒子居中*/1.三种样式表的书写方法 (1)内嵌式写法 特点:样式只作用于当前文件,没有真正实现结构表现分离. <head> <style type="text/css"> 样式表写法 </style></head> (2)外链式写法 特点:作用范围是当前站点,谁调用谁生效,范围广,真正实现结构表现分离. <link rel="stylesheet" href="

JSON三种数据解析方法(转)

原 JSON三种数据解析方法 2018年01月15日 13:05:01 zhoujiang2012 阅读数:7896 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/oman001/article/details/79063278 引言 JSON数据现在是我们开发中用的最多的,百分之八十的数据都是通过JSON方式进行传输,那么想要学好JSON解析就要了解什么是JSON数据,怎么快速解析它从而提升开发效率. 什么是JSON数据? 下面这里有一段JS

4-CSS的三种样式

CSS 什么是CSS CSS的全称是Cascading Style Sheets,层叠样式表它用来控制HTML标签的样式,在美化网页中起到非常重要的作用 CSS的编写格式是键值对形式的,比如 color: red;background-color: blue;font-size: 20px;冒号:左边的是属性名,冒号:右边的属性值(类似字典) CSS的三种样式 CSS有3种书写形式: 行内样式:(内联样式)直接在标签的style属性中书写 <body style="color: red;&

artdialog对话框 三种样式 网址:http://www.planeart.cn/demo/artDialog/_doc/labs.html

摇头效果 类似与wordpress登录失败后登录框可爱的左右晃动效果 // 2011-07-17 更新 artDialog.fn.shake = function (){ var style = this.DOM.wrap[0].style, p = [4, 8, 4, 0, -4, -8, -4, 0], fx = function () { style.marginLeft = p.shift() + 'px'; if (p.length <= 0) { style.marginLeft =

控制系统的三种经典分析方法

控制系统的三种经典分析方法 声明:引用请注明出处http://blog.csdn.net/lg1259156776/ 系列博客说明:此系列博客属于作者在大三大四阶段所储备的关于电子电路设计等硬件方面的知识和项目笔记,由于当时崇尚手写,没有进行电子录入,后来发现查阅起来比较零散且麻烦,而且不便随身携带.现将笔记中写字比较公正清晰且内容重要的部分通过扫描录入共享在我的博文中,以便有需要时随时上网查阅,同时希望能对有兴趣的读者有所帮助.内容不涉及实验室等利益,均是常规知识储备. 时域分析法 根轨迹法