一、 <!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. 【转载】使用python库--Graphviz为论文画出漂亮的示意图

    原文: Drawing Graphs using Dot and Graphviz 1 License Copyright (C) 2013, 2014, 2015, 2016, 2017, 2018 ...

  2. 修改/dev/shm大小 tmps

    /dev/shm  在oracle开启AMM时发现/dev/shm下的空间不够用 WARNING: You are trying to use the MEMORY_TARGET feature. T ...

  3. LeetCode Two Add Two Numbers （JAVA）

    问题简介:输入两个数字链表,输出求和后的链表(链表由数字位数倒序组成) 问题详解: 给定两个非空链表,表示两个非负整数. 数字以相反的顺序存储,每个节点包含一位数字.对两个整数作求和运算,将结果倒序作 ...

  4. 巧用这19条MySQL优化【转】

    1.EXPLAIN 做MySQL优化,我们要善用EXPLAIN查看SQL执行计划. 下面来个简单的示例,标注(1.2.3.4.5)我们要重点关注的数据: type列,连接类型.一个好的SQL语句至少要 ...

  5. 用VC进行64位编程

    用VC进行64位编程 分类: C/C++2014-04-30 15:14 532人阅读 评论(0) 收藏 举报 本文转自:http://www.usidcbbs.com/read-htm-tid-52 ...

  6. FTP服务器基础设定

    1.安装vsftpd文件服务器 sudo apt-get install vsftpd 2.配置文件:/etc/vsftpd/vsftpd.conf 严格来说,整个 vsftpd 的配置文件就只有这个 ...

  7. Unity3D之通过C#使用Advanced CSharp Messenger

    Advanced CSharp Messenger 属于C#事件的一种. 维基百科中由详细的说明http://wiki.unity3d.com/index.php?title=Advanced_CSh ...

  8. Zabbix监控nginx性能的另外一种方式

    Zabbix监控nginx性能的另外一种方式 nginx和php-fpm一样内建了一个状态页,对于想了解nginx的状态以及监控nginx非常有用,为了后续的zabbix监控,我们需要先启用nginx ...

  9. GIT入门文档

    集中式(SVN): 集中式版本控制系统,版本库是集中存放在中央服务器的,用的都是自己的电脑,所以要先从中央服务器取得最新的版本,然后开始干活,干完活了,再把自己的活推送给中央服务器. 集中式版本控制系 ...

  10. eclipse:显示堆内存

    如下图 :