HTML5样式、链接和表格

时间:2022-06-10 09:30:20

-------------------siwuxie095

HTML5 样式

1、标签

<style> 标签:样式定义

<link> 标签:资源引用

2、属性

rel:用于指定当前文档与被链接文档的关系

type:用于指定类型

margin:指定元素的外边距

3、样式表插入的三种方法

(1)外部样式表:

<link rel="stylesheet" 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">

HTML5 链接

1、链接数据

(1)文本链接

(2)图片链接

2、属性

href:指向另一个文档的链接

name:创建文档内的链接

3、<img> 标签属性

alt:替代文本

width:宽度

height:高度

HTML5 表格

标签

描述

<table>

定义表格

<caption>

定义表格标题

<th>

定义表格的表头

<tr>

定义表格的行

<td>

定义表格的单元

<thead>

定义表格的页眉

<tbody>

定义表格的主体

<tfoot>

定义表格的页脚

<col>

定义表格的列属性

【made by siwuxie095】

HTML5样式、链接和表格的更多相关文章

  1. HTML5学习笔记&lt&semi;三&gt&semi;&colon; HTML5样式&comma; 连接和表格

    HTML样式 1, 标签: <style>: 样式定义 <link>: 资源引用 2. 属性: rel="stylesheet": 外部样式表 type=& ...

  2. 2017-11-29 HTML5样式、链接和表格

    HTML5样式.链接和表格HTML5列表<ol> 有序列表<ul> 无序列表<li> 列表项 <dl> 列表<dt> 列表项<dd&g ...

  3. HTML5 格式化、样式、链接、表格

    HTML格式化.样式.链接.表格的使用举例

  4. HTML5样式和列表、CSS链接的四种状态

    一.HTML5样式 1.标签: <style>:样式定义: <link>:资源引用: 2.属性: type="text/css":引入文档类型: rel=& ...

  5. html5常用标签table表格布局

    html5常用标签table表格布局 一.总结 一句话总结: 二.html5常用标签table表格布局 用表格显示信息调理清楚,使浏览者一目了然.表格在网页中还有协助布局的作用,可以把文字.图像等组织 ...

  6. HTML5学习笔记之表格标签

    HTML5学习笔记之表格标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 HTML5学习笔记之表格标签 HTML5学习笔记之表单标签 HTML5学习笔 ...

  7. HTML5&amp&semi;CSS3经典动态表格

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. css 样式设计(一)( 在线150个例子 &vert; 背景 &vert; 文本 &vert; 字体 &vert; 链接 &vert; 列表 &vert; 表格 &vert; 盒模型 &vert; 边框 &vert; 轮廓 &vert; 边距 &vert; 填充 &vert;分组和嵌套 &vert; 尺寸 &vert; 定位 &vert; 浮动 &vert;对齐 )

    一.css在线150个例子 http://www.w3cschool.cc/css/css-examples.html 二.背景图片水平方向重复 : body { background-image:u ...

  9. 三、html样式、链接、表格

随机推荐

  1. Struts2标签之Checkbox

    <s:checkbox name="permisskey" label="帅哥" value="true" fieldValue=&q ...

  2. TestNG的一个不足之处

    PS:本博客selenium分类不会记载selenium打开浏览器,定位元素,操作页面元素,切换到iframe,处理alter.confirm和prompt对话框这些在网上随处可见的信息:本博客此分类 ...

  3. AnyCAD &period;Net SDK 用户手册 v2013&period;1

    AnyCAD .Net SDK 用户手册 v2013.1 1. 简介 AnyCAD .Net SDK为.Net4.0开发者提供简单易用的三维建模和三维可视化的API.SDK主要由三维建模的API和可视 ...

  4. Margin是什么?

    Margin是什么 CSS 边距属性定义元素周围的空间.通过使用单独的属性,可以对上.右.下.左的外边距进行设置.也可以使用简写的外边距属性同时改变所有的外边距.——W3School 边界,元素周围生 ...

  5. Android开发学习之路--Service之初体验

    android最后一个组件便是service了,终于学习到最后一个组件了,从年前的开发环境的搭建,到现在学到最后一个组件花了三周的时间,期间记录的点点滴滴,照着书本学习编写的代码都受益匪浅,这里要感谢 ...

  6. C&num; 使用 PerformanceCounter 获取 CPU 和 硬盘的使用率

    C# 使用 PerformanceCounter 获取 CPU 和 硬盘的使用率: 先看界面: 建一个 Windows Form  桌面程序,代码如下: using System; using Sys ...

  7. 基于CMS的组件复用实践

    目前前端项目大多基于Vue.React.Angular等框架来实现,这一类框架都有一个明显的特点:基于模块化以及组件化思维.所以,开发者在使用上述框架时,实际上是在写一个一个的组件,并且组件与组件之间 ...

  8. C&sol;C&plus;&plus;log日志库比较

    事实上,在C的世界里面没有特别好的日志函数库(就像Java里面的的log4j,或者C++的log4cxx).C程序员都喜欢用自己的*.printf就是个挺好的*,但没办法通过配置改变日志的格式或者 ...

  9. &lbrack;多线程&rsqb; Thread

    多线程 概述 单任务处理:一个任务完成后才能进行下一个任务. 多任务处理:CPU分时操作,每个任务看似同时运行. 进程 应用程序的一个运行实例,包含程序所需资源的内存区域,是操作系统进行资源分配的单元 ...

  10. Eclipse的简单的用法大全

    Eclipse我认为最重要的功能:断点调试 Debug的作用: 调试程序并且查看程序的执行流程 如何查看程序执行的流程 断点(就是一个标记,表示从哪里开始) 设置断点(在你想要断点的代码的左边双击即可 ...