html学习笔记二
html图片标记
<html>
<head>
<title>图片演示</title>
</head>
----------------图片演示---------------<br/>
<body>
<br/><BR/>
<img src = "猪.jpg" width = 170px height = 190px /><!--直接在网页上显示-->
<!--实际上仅仅须要指定宽带就可以。自己主动调整比例-->
<img src = "http://www.baidu.com/img/bdlogo.png" width = 300 border = 1></img><!--粘贴百度的Log图片,前提没防盗-->
<!--border 加边框--> </body>
</html>
<hr> 是加横线切割
由上：能够说明能够从外部站点得到图片地址
html表格标记
表格的主要用途：
1.显示数据、图片
2.网页布局
基本的语法：
td 表示列。tr表示行
cellspaceing 表示空隙大小，指两个列（行）间的距离
cellpadding 表示填充大小，各行各列中的内容被填充，一定程度上会撑大格子
<html>
<head>
<title>表格演示</title>
</head>
<body>
<table border = 4 cellspacing = 5 bordercolor = "red" align = "center" bgcolor = "blue" width = 500px >
<!--align 布局 center : 居中布局 -->
<!--CSS: cellspacing 空隙大小 bordercolor 线变颜色 -->
<!--cellpadding = "" 填充大小-->
<!--bgcolor 表格背景-->
<!--tr 代表行 td 代表列-->
<tr align = "center"><td>1</td><td>2</td><td>3</td></tr>
<!--tr 里有align 能够放数字居中-->
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
</body>
</html>
关于特殊字符。
注意：
要在网页中打印 “<bg>”。由于<>是keyword，所以就须要转义，html中的转义字符是 。&
c<d d>c -> c<dd>c
<font> 你 好</font>：你和好中不管多少空格最后仅仅会显示一个。所以 表示空格
<font>你 好<font>
Table_Demo:
<html>
<head>
<title>菜谱Demo</title>
</head>
<body>
<table border = 1 bordercolor = #F474DA cellspacing = 0 height = 200 align = "center" width = 430px border = 1 >
<tr align = "center"><td colspan = 3>今日菜单</td></tr><!--列合并 一列 = 三列-->
<tr align = "center"><td rowspan = 2>素菜</td><td>黄瓜</td><td>白菜</td></tr><!--行合并-->
<tr align = "center"><td>茄子</td><td>土豆泥</td></tr>
<tr align = "center"><td rowspan = 2>荤菜</td><td>鱼</td><td>肉</td></tr>
<tr align = "center" ><td>蛋</td><td>猪肉<img width = 80px src = "猪.jpg" /></td></tr>
</table>
</body>
</html>
操作思想：
为了操作数据，须要对数据进行不同标签的封装，通过标签的属性值对已封装的数据进行操作。
而标签就相当于一个容器，对容器中数据的操作，就是不断的改变容器的属性值
Dreamweaver是一个html制作的一个好软件
1.演示列表标签：
列表标签：dl
上层项目：dt
下层项目：dd：dd标签，封装的内容会被自己主动缩进，dd有缩进效果
<dl>
<dt>游戏名称：</dt>
<dd>DNF</dd>
<dd>LOL</dd>
</dl>>
2.有序和无序的项目列表演示（经常使用）
有序：ol
无序：ul
不管有序和无序。条目的封装用的都是<ls>，且两者都有缩进效果
<body> <ul type=""><!--type = "",是样式-->
<li> 无序项目</li>
<li> 无序项目</li>
<li> 无序项目</li>
<li> 无序项目</li> </ul>
<ol type="A"><!--从A開始排列-->
<li> 有序项目</li>
<li> 有序项目</li>
<li> 有序项目</li>
</ol>
</body>
html学习笔记二的更多相关文章
- WPF的Binding学习笔记(二)
原文: http://www.cnblogs.com/pasoraku/archive/2012/10/25/2738428.htmlWPF的Binding学习笔记(二) 上次学了点点Binding的 ...
- AJax 学习笔记二(onreadystatechange的作用)
AJax 学习笔记二(onreadystatechange的作用) 当发送一个请求后,客户端无法确定什么时候会完成这个请求,所以需要用事件机制来捕获请求的状态XMLHttpRequest对象提供了on ...
- [Firefly引擎][学习笔记二][已完结]卡牌游戏开发模型的设计
源地址:http://bbs.9miao.com/thread-44603-1-1.html 在此补充一下Socket的验证机制:socket登陆验证.会采用session会话超时的机制做心跳接口验证 ...
- JMX学习笔记(二)-Notification
Notification通知,也可理解为消息,有通知,必然有发送通知的广播,JMX这里采用了一种订阅的方式,类似于观察者模式,注册一个观察者到广播里,当有通知时,广播通过调用观察者,逐一通知. 这里写 ...
- java之jvm学习笔记二(类装载器的体系结构)
java的class只在需要的时候才内转载入内存,并由java虚拟机的执行引擎来执行,而执行引擎从总的来说主要的执行方式分为四种, 第一种,一次性解释代码,也就是当字节码转载到内存后,每次需要都会重新 ...
- Java IO学习笔记二
Java IO学习笔记二 流的概念 在程序中所有的数据都是以流的方式进行传输或保存的,程序需要数据的时候要使用输入流读取数据,而当程序需要将一些数据保存起来的时候,就要使用输出流完成. 程序中的输入输 ...
- 《SQL必知必会》学习笔记二)
<SQL必知必会>学习笔记(二) 咱们接着上一篇的内容继续.这一篇主要回顾子查询,联合查询,复制表这三类内容. 上一部分基本上都是简单的Select查询,即从单个数据库表中检索数据的单条语 ...
- NumPy学习笔记 二
NumPy学习笔记 二 <NumPy学习笔记>系列将记录学习NumPy过程中的动手笔记,前期的参考书是<Python数据分析基础教程 NumPy学习指南>第二版.<数学分 ...
- Learning ROS for Robotics Programming Second Edition学习笔记(二) indigo tools
中文译著已经出版,详情请参考:http://blog.csdn.net/ZhangRelay/article/category/6506865 Learning ROS for Robotics Pr ...
- Redis学习笔记二 （BitMap算法分析与BitCount语法）
Redis学习笔记二 一.BitMap是什么 就是通过一个bit位来表示某个元素对应的值或者状态,其中的key就是对应元素本身.我们知道8个bit可以组成一个Byte,所以bitmap本身会极大的节省 ...
随机推荐
- hdu1428之spfa+dfs
漫步校园 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Total Submi ...
- HDU4685 Prince and Princess 完美搭配+良好的沟通
意甲冠军:今天,有n王子,m公主.现在给他们配对,与王子会嫁给一个男人,他喜欢.公主无法做出选择. 这标题去咬硬,还有一类似的题目poj1904.那个题目也是给王子与公主配对,但那个是王子公主各n个, ...
- Window8.1 64位无法使用Debug命令的解决方法[附牛人代码]
偶然看到网上一篇文章,讲的是世界黑客编程大赛第一名的一个很酷的程序,大小仅有4KB,使用debug命令执行. 悲催的是win8.1的debug命令不能使用. 错误例如以下: 解决方法例如以下: 1. ...
- Linux Server
Linux Server CentOS 6.3下配置iSCSI网络存储 摘要: 一.简介iSCSI(internet SCSI)技术由IBM公司研究开发,是一个供硬件设备使用的.可以在IP协议的上层运 ...
- SVN模型仓库中的资源从一个地方移动到另一个地方的办法(很久才解决)
弄了很久,想使用domove这个操作,但是都失败了.最后给svnkit的邮箱写了封邮件,他们告诉我这样做就成功了.实际上是使用docopy这个函数实现了move操作.package com.repos ...
- UVA 10820 Send a Table euler_phi功能
除1,1其他外国x,y不等于 为 x<y 案件 一切y有phi(y)组合 F[x]= phi(i) 2<=i<=x 结果为 2*F[x]+1 Problem A Send a Tab ...
- cocos2dx-lua牧场小游戏（一）
环境: cocos2dx-3.0rc2, xcode5.0 一.lua项目建立參考 http://blog.csdn.net/daydayup_chf/article/details/249641 ...
- 远程centos改动yum源
yum -y install unzip发现运行不了,说是找不到unzip的包,搜索发现时由于yum源的问题,那我就改动yum吧, 在网上找到的方法是这么说的: 1. cd /etc/yum.repo ...
- php 禁止 URL 直接访问 php文件
通过判断访问来源来实现. $fromurl="http://www.111.com/index.php"; //只能从这个地址访问 if( $_SERVER['HTTP_REFER ...
- shell统计
for i in `ls -r *_*.csv`;do cat $i|echo $i": "`wc -l`;done>tongji.txt