一、 <!DOCTYPE html><html><head><meta charset="utf-8"><tiitle>菜鸟</title></head><body><h1>it's  my first html</h1></html>

1、预格式输出标签<pre></pre>就是按照原本的样子输出。

2、<a href="http://www.runoob.com/" target="-blank:>cai niao</a> 定义target属性被链接的文档在何处显示

3、当前页面跳转到指定位置   <a  href="#c4">查看章节四</a>  <h2>章节一</h2> .....<h2><a id="c4">章节4</a></h2>

4、电子邮件链接 <a href="mailto:someone@example.com?Subject=Hello%20again" target="_top">发送电子邮件</a>

5、  base 定义了所有Url的属性， <base  href="http:www.runoob.com/images/" target="_blank">

<link>标签定义了文档与外部资源的联系，通常用于链接到样式表 <head> <link rel="stylesheet" type="text/css" href="mystyle.css>

<style>标签定义HTML文档的样式引用地址，可以直接添加样式来渲染HTML文档 <head><style type="text/css"> body{background-color:yellow}</style></head>

设置没有下划线的链接 <a href="http://www.runoob/" style="text-decoration:non;">访问 runoob.com</a>

插入图像 <img border="0" src="/images/pulpit.jpg" alt="Pulpit rock" width="304" height=‘100"’> 当浏览器无法加载图像时 alt 属性替代图像

<img src="smile.gif" alt="Smile face" style="float:left" width="23" height="3">图片浮动设置。

图片链接 <a href="http://ww.runoob.com”><img src=simle.gif" broder="10:" width="2" height=4"></a>

图片映射 <img src="palnets.gif width="145" height="126" alt="Planets" usemap="#planetmaap">

<map name="palnetmap"> <area shape="rect" coords="0,0,83,123" alt="sun" href="sun.html">

<area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.html" ></map>

6、表格 两行两列 <table border="1"> <tr><td>3</td><td>3</td><</tr>  <tr><td>4</td><td>4</td><</tr></table>

添加表头<th></th>

带有标题的表头 <caption> 标题</caption>

单元格跨行跨列 <th colspan="2">Telphone</th> 列跨行     <th rowspan="2">Telphone</th>行跨行

表格嵌套 <!DOCTYPE html>
<html><head></head>
<meta charset="utf-8">
<title></title>
<body>
<table border="1">
<tr>
<td>
   <p>这是一个段落</p>
   <p>这是另一个段落</p>
  </td>
<td>这个单元格包含一个表格:
<table border="1">
<tr>
     <td>A</td>
     <td>B</td>
   </tr>
   <tr>
     <td>C</td>
     <td>D</td>
   </tr>
</table></td>
</tr>
<tr>
  <td>这个单元格包含一个列表
   <ul>
    <li>apples</li>
    <li>bananas</li>
    <li>pineapples</li>
   </ul>
  </td>
  <td>HELLO</td>
</tr>
</table>
</body>
</html>

7、单元格边距 <table border="1" cellpadding="10"> cellpadding就是控制表格数据到表格边之间的距离

列表类型 <ol type="a"><li></li></ol>   <ul style="list-style-type:disc"><li></li></ul> 或者是 circle square

HTML&javaSkcript&CSS&jQuery&ajax（八）的更多相关文章

  1. java-HTML&javaSkcript&CSS&jQuery&ajax( 八)

    一.JavaScript教程笔记 1.在web页面中一般使用JavaScript脚本语言,支持跨平台,跨浏览器,驱动网页,与用户交互.另外Node.js把JavaScript引入到了服务器端. Jav ...

  2. java-HTML&javaSkcript&CSS&jQuery&ajax

    CSS  伪装 1.<style>a;link{color:#000000} a:visited{color:#000000; a.:hover{color:#FF00FF} a:acti ...

  3. XSS-HTML&javaSkcript&CSS&jQuery&ajax

    1.设置不同的样式列表 <style> ul.a{list-style-tyrp:circle;}    ul.b{list-style-type:square;}   ul.c{list ...

  4. HTML&javaSkcript&CSS&jQuery&ajax（十）

    HTML 1.SVG直接嵌入HTML网页 ,SVG 是使用XML描述2D图像的语言,Canvas通过JavaScript来绘制2D <svg xmlns="http://www.w3. ...

  5. HTML&javaSkcript&CSS&jQuery&ajax（七）

    ’一.HTML5 实例  <video width="430" controls>   <source src="mov_nnn.mp4" t ...

  6. HTML&javaSkcript&CSS&jQuery&ajax（五）

    一.Framset标签定义了每个框架中的HTML文档, 1. <framset cols="25%,75%"> <frame src="frame_a. ...

  7. HTML&javaSkcript&CSS&jQuery&ajax（四）

    一.HTML创建响应设计 Responsive Web Design 可以改变尺寸传递网页,对于平板和移动设备是必须的 1.<!DOCTYPE html><html lang=&qu ...

  8. HTML&javaSkcript&CSS&jQuery&ajax（三）

    一.HTML块元素 1.块级元素 Block level element ,内联元素 inline element , HTML<div>元素属于块级元素,他是组合其他HTML元素的容器, ...

  9. HTML&javaSkcript&CSS&jQuery&ajax（二）

    一.HTML 1.标签<a href="http:www.baidu.com">This is a link </a>         <img sr ...

随机推荐

  1. Eclipse 各版本号

    查看Eclipse版本号的方法:1.找到eclipse安装目录.2.进入readme文件夹,打开readme_eclipse.html.3.readme_eclipse.html呈现的第二行即数字版本 ...

  2. Django学习手册 - CURD组件

    CURD CURD是一个数据库技术中的缩写词,一般的项目开发的各种参数的基本功能都是CURD.作用是用于处理数据的基本原子操作. 它代表创建(Create).更新(Update).读取(Retriev ...

  3. Delaunay triangulation

    1,先花个圆: detail模式执行. #define XY 0x00 #define XZ 0x01 #define YZ 0x02 #define pi 3.1415926 #define clo ...

  4. FAT文件系统规范v1.03学习笔记---1.保留区之 Fat32 FSInfo扇区结构和备份启动扇区

    1.前言 本文主要是对Microsoft Extensible Firmware Initiative FAT32 File System Specification中文翻译版的学习笔记. 每个FAT ...

  5. python用WMI模块获取系统命名空间

    可以和winmgmts的查询页面对应 from win32com.client import GetObject import pywintypes result=[] def enum_namesp ...

  6. python装饰器的4种类型：函数装饰函数、函数装饰类、类装饰函数、类装饰类

    一:函数装饰函数 def wrapFun(func): def inner(a, b): print('function name:', func.__name__) r = func(a, b) r ...

  7. aix装python

    网址是:http://www-03.ibm.com/systems/power/software/aix/linux/toolbox/alpha.html 在AIX下安装python Python是个 ...

  8. Linux中error while loading shared libraries错误解决办法

    默认情况下,编译器只会使用/lib和/usr/lib这两个目录下的库文件,通常通过源码包进行安装时,如果不指定--prefix,会将库安装在/usr/local/lib目录下:当运行程序需要链接动态库 ...

  9. HDU - 2665 Kth number 主席树/可持久化权值线段树

    题意 给一个数列,一些询问,问$[l,r]$中第$K$大的元素是哪一个 题解: 写法很多,主席树是最常用的一种之一 除此之外有:划分树,莫队分块,平衡树等 主席树的定义其实挺模糊, 一般认为就是可持久 ...

  10. Oracle服务器定位CPU使用率高的瓶颈（SQL）

    1.首先用TOP命令监控系统资源,如果是AIX系统,就用topas,进入TOP命令的滚动刷新数据时,发现userCPU高达98%!! 保持top的状态下,按shift+p,可以将所有进程按CPU使用率 ...