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&lt;d d&gt;c   ->    c<dd>c

<font> 你         好</font>：你和好中不管多少空格最后仅仅会显示一个。所以 &nbsp; 表示空格

<font>你&nbsp;&nbsp;&nbsp;&nbsp;好<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学习笔记二的更多相关文章

  1. WPF的Binding学习笔记(二)

    原文: http://www.cnblogs.com/pasoraku/archive/2012/10/25/2738428.htmlWPF的Binding学习笔记(二) 上次学了点点Binding的 ...

  2. AJax 学习笔记二(onreadystatechange的作用)

    AJax 学习笔记二(onreadystatechange的作用) 当发送一个请求后,客户端无法确定什么时候会完成这个请求,所以需要用事件机制来捕获请求的状态XMLHttpRequest对象提供了on ...

  3. [Firefly引擎][学习笔记二][已完结]卡牌游戏开发模型的设计

    源地址:http://bbs.9miao.com/thread-44603-1-1.html 在此补充一下Socket的验证机制:socket登陆验证.会采用session会话超时的机制做心跳接口验证 ...

  4. JMX学习笔记(二)-Notification

    Notification通知,也可理解为消息,有通知,必然有发送通知的广播,JMX这里采用了一种订阅的方式,类似于观察者模式,注册一个观察者到广播里,当有通知时,广播通过调用观察者,逐一通知. 这里写 ...

  5. java之jvm学习笔记二(类装载器的体系结构)

    java的class只在需要的时候才内转载入内存,并由java虚拟机的执行引擎来执行,而执行引擎从总的来说主要的执行方式分为四种, 第一种,一次性解释代码,也就是当字节码转载到内存后,每次需要都会重新 ...

  6. Java IO学习笔记二

    Java IO学习笔记二 流的概念 在程序中所有的数据都是以流的方式进行传输或保存的,程序需要数据的时候要使用输入流读取数据,而当程序需要将一些数据保存起来的时候,就要使用输出流完成. 程序中的输入输 ...

  7. 《SQL必知必会》学习笔记二)

    <SQL必知必会>学习笔记(二) 咱们接着上一篇的内容继续.这一篇主要回顾子查询,联合查询,复制表这三类内容. 上一部分基本上都是简单的Select查询,即从单个数据库表中检索数据的单条语 ...

  8. NumPy学习笔记 二

    NumPy学习笔记 二 <NumPy学习笔记>系列将记录学习NumPy过程中的动手笔记,前期的参考书是<Python数据分析基础教程 NumPy学习指南>第二版.<数学分 ...

  9. Learning ROS for Robotics Programming Second Edition学习笔记(二) indigo tools

    中文译著已经出版,详情请参考:http://blog.csdn.net/ZhangRelay/article/category/6506865 Learning ROS for Robotics Pr ...

  10. Redis学习笔记二 （BitMap算法分析与BitCount语法）

    Redis学习笔记二 一.BitMap是什么 就是通过一个bit位来表示某个元素对应的值或者状态,其中的key就是对应元素本身.我们知道8个bit可以组成一个Byte,所以bitmap本身会极大的节省 ...

随机推荐

  1. TBDR缺点

    TBDR全称Tile-based Deferred Rendering.它是Power VR独特的TBR技术的一种延伸实现手段.TBR/TBDR通过将每一帧画面划分成多个矩形区域,并对区域内的全部像素 ...

  2. 杭州电ACM1098——Ignatius&#39;s puzzle

    这个话题.简单的数学. 对于函数,f(x)=5*x^13+13*x^5+k*a*x,输入k,对于休闲x,一个数字的存在a,使f(x)是65可分. 对于休闲x. 因此,当x = 1时间,f(x) = 1 ...

  3. DOM的event对象的属性和方法

    属性/方法 类型 是否可读写 描写叙述 altKey Boolean 读写 指示是否按下alt键 bubbles Boolean 读 指示事件是否冒泡 button Intrger 读写 鼠标事件发生 ...

  4. Linux 远程查看tomcat控制台

    我现在只说如何看远程的tomcat控制台命令. 用远程登陆客户端登陆linux进入tomcat/logs/文件夹下键入指令:tail -f catalina.out ctrl + c  退出 这样就可 ...

  5. HTML5特性检測

    HTML5特性检測:    1.检測全局对象:诸如window或navigator是否拥有特定的属性    2.创建元素:检測该元素的DOM对象是否拥有特定的属性    3.创建元素:检測该元素的DO ...

  6. 聊天demo SignalR

    1首先这个demo是针对 net版本是4.5的  SignalR   获取的是2.2的 2新建一个mvc项目 3  Nuget  搜索 SignalR   安装如图的一项 4新建一个 集线器类 修改新 ...

  7. JS脚本加载与执行对性能的影响

    高性能JavaScript-JS脚本加载与执行对性能的影响 在web产品优化准则中,很重要的一条是针对js脚本的加载和执行方式的优化.本篇文章简单描述一下其中的优化准则. 1. 脚本加载优化 1.1 ...

  8. 谷歌宣布Android auto目前的汽车系统汽车市场的影响

    由于2007年.汽车导航产品已经得到长足的发展.其产品主要用于WinCE制.除了导航功能,通常有收音机,播放光盘.广播SD卡/U音频和视频盘,蓝牙手机,倒车后视功能.由于WinCE微软放弃系统,And ...

  9. [Windows Phone] 实作不同的地图显示模式

    原文:[Windows Phone] 实作不同的地图显示模式 前言 本文章主要示范如何让地图有不同的模式产生,例如平面图.地形图.鸟瞰图.鸟瞰图含街道等. 这部分主要是调整 Map.Cartograp ...

  10. Tuxedo入门学�

    中间件介绍: 介于客户机和server之间的夹层,突破了传统的c/s架构,为构建大规模,高性能,分布式c/s应用程序提供了通信,事物,安全,容错等基础服务,屏蔽了底层应用细节,应用程序不必从底层开发, ...