白雪公主960
白雪公主960

HTML-02

图像和链接

URL

  • 目录结构
    目录结构指的是web站点中文件夹的名称
    web站点的主目录称为根目录
    位于根目录下的其他文件夹称为子目录
    每个子目录下都会包含有具体功能的下一级子目录

  • URL
    URL (Uniform Resource Locator)
    统一资源定位器，俗称路径，用来标识网络中的任何资源:文本，图片，音视频文件，段落，或者其他超文本

  • 绝对路径
    1.网络资源
    http://www.w3.org/TR/CSS2/syndata.html

http:协议名（用://分隔）
www.w3.org：主机名
/TR/CSS2/:目录路径
syndata.html:要链接的文件名

文件从最高级目录下开始的完整的路径

2.本机资源
文件从最高级目录下开始查找
file:///E:xiaoni/ni.jpg

  • 相对路径
    指文件的位置相对于当前文件的位置
    例如在同一个目录下时，直接用
    在下一级目录时，先进入再引用
    在上一级目录时，先返回再引用

根相对路径：永远都是从WEB站点的根目录开始查找
用/作为开始
/img/index/jd.jpg

图像

  • 图像格式:jpg、gif、png

  • 图像元素,可以将图像添加到页面
    必须属性：src(要显示的图像路径，url)
    常用属性：width height (可以取数值，以px作为单位，px可以省略不写;在宽高中，如果有一个没写，则另外一个会等比缩放)

链接

百度链接
去其他的页面

href属性：链接URL(只有设置了href，元素才可以被点击)
target属性：目标，即打开新网页的方式，可取值为_blank(在新标签页中打开),_self(在自身标签页中打开)等
name属性：锚点名称

  • 链接的表现形式

目标文档为下载资源下载
电子邮件链接联系我们
(前提是电脑必须安装了邮件客户端并绑定账号)
返回页面顶部的空链接...
链接到JavascriptJS功能

  • 锚点

描点是文档中某行的一个记号,链接到文档中的某个部位
使用方式:
1.定义锚点 锚点1
2.链接到锚点：在锚点名前加上# ...
(如果文本和图像与锚点存在于同一个页面)
...

表格

表格的作用

1.显示表格数据

2.设置页面布局

使用表格

  • 创建表格
    定义表格

    创建表行：
    创建单元格
    例如：
  • 表格的常用属性
    元素
    width 表格宽度
    height 表格高度
    align 表格对齐方式 (left right center)
    border 表格边框宽度
    cellspacing 设置外边距单元格之间距离
    cellpadding 设置内边距，单元格与内容之间的距离
    bgcolor 设置表格背景颜色

    元素
    align 设置水平对齐方式（left right center）
    valign 设置垂直对齐方式（top bottom middle）
    bgcolor 设置当前行的背景颜色

    -->

    表格的复杂应用

    • 行分组
      表格可以分为三个部分：表头 表主体 表尾
      表头的行分组：

    表主体的行分组：
    表尾的行分组：
    包含一个或者多个元素
    元素
    align 设置水平对齐方式
    valign 设置垂直对齐方式
    width 设置宽度
    height 设置高度
    colspan 设置单元格跨列
    rowspan 设置单元格跨行

    • 表格的子元素
      1.表格标题

    一般标题将在表格上方居中显示,    标签必须紧随在标签后面，且一个表格只能有一个标题
    this is my table

    2.行标题/列标题
    显示效果：水平居中，并加粗显示文本

    姓名 年龄
    张三 14
    李四 19

    注意：如果不设置行分组，那么所有的行被默认当成是tbody的内容。

    • 不规则表格
      设置单元格的跨行或者跨列的属性
      跨行：rowspan,值为正整数，表示此单元格水平延伸的单元格数
      跨列：colspan,值为正整数，表示此单元格垂直延伸的单元格数

    • 表格的嵌套
      在单元格中再放置另一张表格
      就是在元素再包含

      元素

      结构标记

      结构标记概述

      • 结构标记作用
        如果都是用div来进行布局，就会有大量的div元素，元素之间互相嵌套，很乱，难以处理和维护
        所以html5提供了结构标记 方便各个部分的划分，也更容易看清结构，代码易于解读
      
  
      页头
      
  
      主体内容
      
  
      页脚

      结构标记

      • 元素
        用于定义文档的页眉
        通常是一些介绍信息，导航信息，站点标题或者logo图片
        可以在页面上出现多次，可以作为任何部分的头部定义
      
  
      
    
    
      welcome to my homepage 
      
  
      


      
  
      flowers
      • 元素
        表示文档中的一个具体的组成成分
        1.常用于为页面上的内容分块，比如定义章节，页脚，或者文档中的其他部分
        2.可以使用
        元素为内容添加标题
      

      rose
      

      
     
     With sunshine,water,and careful tending,roses will bloom several times in aa saeson.
      • 元素
        常用于定义独立于文档的其他部分的内容（比如论坛的一个帖子，一篇报纸文章，某个博客条目或者用户评论）
      
   
      rose
      
 
      
    With sunshine,water,and careful tending.roses will bloom several in a season .
 
      
  
      
      
      internet explorer 9
      
      
      IE9于2001年3月14日发布
      • 元素
        常用于定义某区域的脚注信息（常用于定义文档的页脚，包含友情链接，版权信息和作者信息等等）
        （一个页面中可以包含多个
        元素）
      
  
       ©2012 XX官网     京ICP证XXX号

      你可能感兴趣的:(HTML-02)

      • 前端基础-html-02 turbosqi 前端基础html前端css
        文章目录2.1.创建表格2.2.表格标题caption2.3.小说排行榜案例2.4.合并单元格2.5.列表2.6.表单2.7.综合实例2.1.创建表格格式：单元格的内容代码实例：Document姓名年龄性别张三18男李四19女table：定义一个表格标签tr：用于定义表格中的行，必须嵌套在table标签中td：用于定义表格中的单元格，必须嵌套在标签中（容纳标签，可以容纳任何标签）标签表示HTML表
      • HTML-02 白雪公主960
        图像和链接URL目录结构目录结构指的是web站点中文件夹的名称web站点的主目录称为根目录位于根目录下的其他文件夹称为子目录每个子目录下都会包含有具体功能的下一级子目录URLURL(UniformResourceLocator)统一资源定位器，俗称路径，用来标识网络中的任何资源:文本，图片，音视频文件，段落，或者其他超文本绝对路径1.网络资源http://www.w3.org/TR/CSS2/sy
      • 第二篇 HTML-02 ss555566
        1.超级链接2.超链接的应用对象：文本、图片（注意，在IE浏览器下设置了超链接的图片会有边框）3.常用属性：•href：设置链接对象地址•target：设置目标文件的打开方式，属性值为_self（在自身窗口打开，默认），_blank（在新窗口打开）•title：设置鼠标悬停时的提示文字4.超链接的分类•内部链接：就是指站内内部各文件间的链接，链接路径为相对路径•外部链接：站点间的链接，链接路径为绝
      • xml解析 小猪猪08 xml
        1、DOM解析的步奏 准备工作：    1.创建DocumentBuilderFactory的对象    2.创建DocumentBuilder对象    3.通过DocumentBuilder对象的parse(String fileName)方法解析xml文件    4.通过Document的getElem
      • 每个开发人员都需要了解的一个SQL技巧 brotherlamp linuxlinux视频linux教程linux自学linux资料
          对于数据过滤而言CHECK约束已经算是相当不错了。然而它仍存在一些缺陷，比如说它们是应用到表上面的，但有的时候你可能希望指定一条约束，而它只在特定条件下才生效。 使用SQL标准的WITH CHECK OPTION子句就能完成这点，至少Oracle和SQL Server都实现了这个功能。下面是实现方式： CREATE TABLE books (   id &
      • Quartz——CronTrigger触发器 eksliang quartzCronTrigger
        转载请出自出处：http://eksliang.iteye.com/blog/2208295 一.概述 CronTrigger 能够提供比 SimpleTrigger 更有具体实际意义的调度方案，调度规则基于 Cron 表达式，CronTrigger 支持日历相关的重复时间间隔（比如每月第一个周一执行），而不是简单的周期时间间隔。 二.Cron表达式介绍 1）Cron表达式规则表 Quartz
      • Informatica基础 18289753290 InformaticaMonitormanagerworkflowDesigner
        1. 1）PowerCenter Designer：设计开发环境，定义源及目标数据结构；设计转换规则，生成ETL映射。 2）Workflow  Manager：合理地实现复杂的ETL工作流，基于时间，事件的作业调度 3）Workflow  Monitor：监控Workflow和Session运行情况，生成日志和报告 4）Repository  Manager：
      • linux下为程序创建启动和关闭的的sh文件，scrapyd为例 酷的飞上天空 scrapy
        对于一些未提供service管理的程序  每次启动和关闭都要加上全部路径，想到可以做一个简单的启动和关闭控制的文件   下面以scrapy启动server为例，文件名为run.sh：   #端口号，根据此端口号确定PID PORT=6800 #启动命令所在目录 HOME='/home/jmscra/scrapy/' #查询出监听了PORT端口
      • 人--自私与无私 永夜-极光
                    今天上毛概课,老师提出一个问题--人是自私的还是无私的,根源是什么?               从客观的角度来看,人有自私的行为,也有无私的
      • Ubuntu安装NS-3 环境脚本 随便小屋 ubuntu
          将附件下载下来之后解压，将解压后的文件ns3environment.sh复制到下载目录下（其实放在哪里都可以，就是为了和我下面的命令相统一）。输入命令：   sudo ./ns3environment.sh >>result   这样系统就自动安装ns3的环境，运行的结果在result文件中，如果提示     com
      • 创业的简单感受 aijuans 创业的简单感受
               2009年11月9日我进入a公司实习，2012年4月26日，我离开a公司，开始自己的创业之旅。      今天是2012年5月30日，我忽然很想谈谈自己创业一个月的感受。 当初离开边锋时，我就对自己说：“自己选择的路，就是跪着也要把他走完”，我也做好了心理准备，准备迎接一次次的困难。我这次走出来，不管成败
      • 如何经营自己的独立人脉 aoyouzi 如何经营自己的独立人脉
        独立人脉不是父母、亲戚的人脉，而是自己主动投入构造的人脉圈。“放长线，钓大鱼”，先行投入才能产生后续产出。   现在几乎做所有的事情都需要人脉。以银行柜员为例，需要拉储户，而其本质就是社会人脉，就是社交！很多人都说，人脉我不行，因为我爸不行、我妈不行、我姨不行、我舅不行……我谁谁谁都不行，怎么能建立人脉？我这里说的人脉，是你的独立人脉。   以一个普通的银行柜员
      • JSP基础 百合不是茶 jsp注释隐式对象
          1,JSP语句的声明 <%! 声明 %> 　　 声明：这个就是提供java代码声明变量、方法等的场所。 表达式 <%= 表达式 %> 　　 这个相当于赋值，可以在页面上显示表达式的结果， 程序代码段/小型指令　<% 程序代码片段 %>   2,JSP的注释   <!-- -->
      • web.xml之session-config、mime-mapping bijian1013 javaweb.xmlservletsession-configmime-mapping
        session-config 1.定义： <session-config> <session-timeout>20</session-timeout> </session-config> 2.作用：用于定义整个WEB站点session的有效期限，单位是分钟。   mime-mapping 1.定义： <mime-m
      • 互联网开放平台（1） Bill_chen 互联网qq新浪微博百度腾讯
        现在各互联网公司都推出了自己的开放平台供用户创造自己的应用，互联网的开放技术欣欣向荣，自己总结如下： 1.淘宝开放平台(TOP) 网址：http://open.taobao.com/ 依赖淘宝强大的电子商务数据，将淘宝内部业务数据作为API开放出去，同时将外部ISV的应用引入进来。 目前TOP的三条主线： TOP访问网站：open.taobao.com ISV后台：my.open.ta
      • 【MongoDB学习笔记九】MongoDB索引 bit1129 mongodb
        索引 可以在任意列上建立索引 索引的构造和使用与传统关系型数据库几乎一样,适用于Oracle的索引优化技巧也适用于Mongodb 使用索引可以加快查询,但同时会降低修改,插入等的性能 内嵌文档照样可以建立使用索引 测试数据     var p1 = { "name":"Jack", "age&q
      • JDBC常用API之外的总结 白糖_ jdbc
        做JAVA的人玩JDBC肯定已经很熟练了，像DriverManager、Connection、ResultSet、Statement这些基本类大家肯定很常用啦，我不赘述那些诸如注册JDBC驱动、创建连接、获取数据集的API了，在这我介绍一些写框架时常用的API，大家共同学习吧。     ResultSetMetaData获取ResultSet对象的元数据信息
      • apache VelocityEngine使用记录 bozch VelocityEngine
        VelocityEngine是一个模板引擎，能够基于模板生成指定的文件代码。   使用方法如下：     VelocityEngine engine = new VelocityEngine();// 定义模板引擎     Properties properties = new Properties();// 模板引擎属
      • 编程之美-快速找出故障机器 bylijinnan 编程之美
        package beautyOfCoding; import java.util.Arrays; public class TheLostID { /*编程之美 假设一个机器仅存储一个标号为ID的记录，假设机器总量在10亿以下且ID是小于10亿的整数，假设每份数据保存两个备份，这样就有两个机器存储了同样的数据。 1.假设在某个时间得到一个数据文件ID的列表，是
      • 关于Java中redirect与forward的区别 chenbowen00 javaservlet
        在Servlet中两种实现： forward方式：request.getRequestDispatcher(“/somePage.jsp”).forward(request, response); redirect方式：response.sendRedirect(“/somePage.jsp”); forward是服务器内部重定向，程序收到请求后重新定向到另一个程序，客户机并不知
      • [信号与系统]人体最关键的两个信号节点 comsci 系统
                如果把人体看做是一个带生物磁场的导体,那么这个导体有两个很重要的节点,第一个在头部,中医的名称叫做 百汇穴, 另外一个节点在腰部,中医的名称叫做 命门         如果要保护自己的脑部磁场不受到外界有害信号的攻击,最简单的
      • oracle 存储过程执行权限 daizj oracle存储过程权限执行者调用者
        在数据库系统中存储过程是必不可少的利器，存储过程是预先编译好的为实现一个复杂功能的一段Sql语句集合。它的优点我就不多说了，说一下我碰到的问题吧。我在项目开发的过程中需要用存储过程来实现一个功能，其中涉及到判断一张表是否已经建立，没有建立就由存储过程来建立这张表。 CREATE OR REPLACE PROCEDURE TestProc  IS    fla
      • 为mysql数据库建立索引 dengkane mysql性能索引
        前些时候，一位颇高级的程序员居然问我什么叫做索引，令我感到十分的惊奇，我想这绝不会是沧海一粟，因为有成千上万的开发者（可能大部分是使用MySQL的）都没有受过有关数据库的正规培训，尽管他们都为客户做过一些开发，但却对如何为数据库建立适当的索引所知较少，因此我起了写一篇相关文章的念头。  最普通的情况，是为出现在where子句的字段建一个索引。为方便讲述，我们先建立一个如下的表。
      • 学习C语言常见误区 如何看懂一个程序 如何掌握一个程序以及几个小题目示例 dcj3sjt126com c算法
        如果看懂一个程序，分三步   1、流程   2、每个语句的功能   3、试数   如何学习一些小算法的程序 尝试自己去编程解决它，大部分人都自己无法解决 如果解决不了就看答案 关键是把答案看懂，这个是要花很大的精力，也是我们学习的重点 看懂之后尝试自己去修改程序，并且知道修改之后程序的不同输出结果的含义 照着答案去敲 调试错误
      • centos6.3安装php5.4报错 dcj3sjt126com centos6
        报错内容如下: Resolving Dependencies --> Running transaction check ---> Package php54w.x86_64 0:5.4.38-1.w6 will be installed --> Processing Dependency: php54w-common(x86-64) = 5.4.38-1.w6 for
      • JSONP请求 flyer0126 jsonp
              使用jsonp不能发起POST请求。 It is not possible to make a JSONP POST request. JSONP works by creating a <script> tag that executes Javascript from a different domain; it is not pos
      • Spring Security（03）——核心类简介 234390216 Authentication
        核心类简介 目录 1.1     Authentication 1.2     SecurityContextHolder 1.3     AuthenticationManager和AuthenticationProvider 1.3.1  &nb
      • 在CentOS上部署JAVA服务 java--hhf javajdkcentosJava服务
            本文将介绍如何在CentOS上运行Java Web服务，其中将包括如何搭建JAVA运行环境、如何开启端口号、如何使得服务在命令执行窗口关闭后依旧运行     第一步：卸载旧Linux自带的JDK ①查看本机JDK版本 java -version    结果如下 java version "1.6.0"
      • oracle、sqlserver、mysql常用函数对比[to_char、to_number、to_date] ldzyz007 oraclemysqlSQL Server
        oracle                                &n
      • 记Protocol Oriented Programming in Swift of WWDC 2015 ningandjin protocolWWDC 2015Swift2.0
        其实最先朋友让我就这个题目写篇文章的时候，我是拒绝的，因为觉得苹果就是在炒冷饭， 把已经流行了数十年的OOP中的“面向接口编程”还拿来讲，看完整个Session之后呢，虽然还是觉得在炒冷饭，但是毕竟还是加了蛋的，有些东西还是值得说说的。 通常谈到面向接口编程，其主要作用是把系统设计和具体实现分离开，让系统的每个部分都可以在不影响别的部分的情况下，改变自身的具体实现。接口的设计就反映了系统
      • 搭建 CentOS 6 服务器(15) - Keepalived、HAProxy、LVS rensanning keepalived
        （一）Keepalived （1）安装 # cd /usr/local/src # wget http://www.keepalived.org/software/keepalived-1.2.15.tar.gz # tar zxvf keepalived-1.2.15.tar.gz # cd keepalived-1.2.15 # ./configure # make &a
      • ORACLE数据库SCN和时间的互相转换 tomcat_oracle oraclesql
        SCN（System Change Number 简称 SCN）是当Oracle数据库更新后，由DBMS自动维护去累积递增的一个数字，可以理解成ORACLE数据库的时间戳，从ORACLE 10G开始，提供了函数可以实现SCN和时间进行相互转换； 　　 用途：在进行数据库的还原和利用数据库的闪回功能时，进行SCN和时间的转换就变的非常必要了； 　 　操作方法： 　　1、通过dbms_f
      • Spring MVC 方法注解拦截器 xp9802 spring mvc
        应用场景，在方法级别对本次调用进行鉴权，如api接口中有个用户唯一标示accessToken,对于有accessToken的每次请求可以在方法加一个拦截器，获得本次请求的用户，存放到request或者session域。 python中，之前在python flask中可以使用装饰器来对方法进行预处理，进行权限处理 先看一个实例,使用@access_required拦截： ?