埘锏丶浮现爱吧 关注:25贴子:9,197
  • 2回复贴,共1


IP属地:山东1楼2014-12-26 16:16回复
    HTML部分
    <html>
    <head>
    <title>Title of page</title>
    </head>
    <body>
    This is my first homepage.
    <b>This text is bold</b>
    </body>
    </html>
    HTML文档中,第一个标签是<html>。这个标签告诉浏览器这是HTML文档的开始。HTML文档的最后一个标签是</html>,这个标签告诉浏览器这是HTML文档的终止。
    在<head>和</head>标签之间文本的是头信息。在浏览器窗口中,头信息是不被显示的。
    在<title>和</title>标签之间的文本是文档标题,它被显示在浏览器窗口的标题栏。
    在<body>和</body>标签之间的文本是正文,会被显示在浏览器中。
    在<b>和</b>标签之间的文本会以加粗字体显示。段落是用<p>标签定义的。
    当需要结束一行,并且不想开始新段落时,使用<br>标签。<br>标签不管放在什么位置,都能够强制换行。<br>标签是一个空标签,它没有结束标记。
    水平线<hr>标签
    <body bgcolor="red">
    背景颜色bgcolor
    <table border="0">
    表格无边框
    <h1>This is a heading</h1>
    <h2>This is a heading</h2>
    <h3>This is a heading</h3>
    <h4>This is a heading</h4>
    <h5>This is a heading</h5>
    <h6>This is a heading</h6>
    标题元素由标签<h1>到<h6>定义。<h1>定义了最大的标题元素,<h6>定义了最小的。
    <!-- This is a comment -->
    <h1 align="center">This is heading 1</h1>
    居中align="center"
    地址书写:
    <address>
    Donald Duck<br>
    BOX 555<br>
    Disneyland<br>
    USA
    </address>
    删除和插入文字:
    <del>twenty </del>
    <ins>twelve </ins>
    想要在HTML文档中显示一个小于号,我们必须这样写:&lt;或者&#60;
    想要在HTML中插入空格,可以使用实体:&nbsp;
    显示结果 描述 实体名 实体号
    不可拆分的空格 &nbsp; &#160;
    < 小于 &lt; &#60;
    > 大于 &gt; &#62;
    & and符号 &amp; &#38;
    " 引号 &quot; &#34;
    ' 单引号 &#39;
    <a href="http://www.microsoft.com/">This text</a>
    超链接This text是蓝色的
    <a href="lastpage.htm">
    <img border="0" src=".\images\next.gif">
    </a>
    图片作为超链接
    锚<a>可以指向网络上的任何资源:HTML页面,图像,声音,影片等
    标签<a>被用来创建一个链接指向的锚,href属性用来指定连接到的地址,在锚的起始标签<a>和结束标签</a>中间的部分将被显示为超级链接。
    打开一个新的浏览器窗口来打开链接:
    <a href="http://www.w3schools.com/" target="_blank">Visit W3Schools!</a>
    如何跳转到一个文档的某部分
    <html>
    <body>
    <p>
    <a href="#C4">
    See also Chapter 4.
    </a>
    </p>
    <p>
    <h2>Chapter 1</h2>
    <p>This chapter explains ba bla bla</p>
    <h2>Chapter 2</h2>
    <p>This chapter explains ba bla bla</p>
    <h2>Chapter 3</h2>
    <p>This chapter explains ba bla bla</p>
    <a name="C4"><h2>Chapter 4</h2></a>
    <p>This chapter explains ba bla bla</p>
    </body>
    </html>
    假如你的页面在框架中,如何跳出框架:
    <html>
    <body>
    <p>Locked in a frame?</p>
    <a href="http://www.w3schools.com/" target="_top">Click here!</a>
    </body>
    </html>
    垂直分栏:
    <html>
    <frameset cols="25%,50%,25%">
    <frame src="frame_a.htm">
    <frame src="frame_b.htm">
    <frame src="frame_c.htm">
    </frameset>
    </html>
    水平分栏:
    <html>
    <frameset rows="25%,50%,25%">
    <frame src="frame_a.htm">
    <frame src="frame_b.htm">
    <frame src="frame_c.htm">
    </frameset>
    </html>


    IP属地:山东2楼2014-12-26 16:17
    回复
      两行三列的表格
      border="1"代表表格边框宽度
      cellpadding="10"代表表格内容和边框距离
      cellspacing="10"代表单元格间距
      bgcolor="red"表格的背景颜色
      background="/images/bgdesert.jpg"表格背景图
      width="400"单元格宽度
      align="left"表格内容左对齐
      align="right"表格内容右对齐
      <table width="400" border="1" cellpadding="10" cellspacing="10" bgcolor="red"background="/images/bgdesert.jpg">
      <tr>
      <td bgcolor="red">100</td>
      <td align="left">200</td>
      <td>300</td>
      </tr>
      <tr>
      <td background="/images/bgdesert.jpg">400</td>
      <td align="right">500</td>
      <td>600</td>
      </tr>
      </table>
      表格头使用<th>标签指定。
      <tr>
      <th>Heading</th>
      <th>Another Heading</th>
      </tr>
      <table> <caption> <th> <tr> <td>
      定义跨行或者跨列的单元格
      <th colspan="2">Telephone</th>跨2行
      <th rowspan="2">Telephone:</th>跨2列
      li分步ol有序号ul圆点
      <ul>
      <li></li>
      <li></li>
      <li></li>
      </ul>
      列表的项目中可以加入段落、换行、图像,链接,其他的列表等
      <ol type="A">
      <li>Apples</li>
      <li>Bananas</li>
      <li>Lemons</li>
      <li>Oranges</li>
      </ol>
      A可以换成a I i没有type默认为1
      可嵌套
      自定义
      <dl>
      <dt>类一</dt>
      <dd>内容</dd>
      <dt>类2</dt>
      <dd>内容</dd>
      </dl>
      表单
      表单是一个能够包含表单元素的区域。
      表单元素是能够让用户在表单中输入信息的元素(比如文本框,密码框,下拉菜单,单选框,复选框等等)。
      表单是用<form>元素定义的。
      在多数浏览器中,文本框的宽度默认是20个字符,用size改变
      文本
      <form>
      姓:
      <input type="text" size="3" name="firstname">
      <br>
      名:
      <input type="text" name="lastname">
      </form>
      密码
      <form>
      Username:
      <input type="text" name="user">
      <br>
      Password:
      <input type="password" name="password">
      </form>
      预先选定male的单选按钮
      <form>
      <input type="radio" checked name="sex" value="male" checked>Male
      <br>
      <input type="radio" name="sex" value="female">Female
      </form>
      复选框
      <form>
      <input type="checkbox" name="bike">
      I have a bike
      <br>
      <input type="checkbox" name="car">
      I have a car
      </form>
      预先选定Fiat的下拉菜单
      <form>
      <select name="cars">
      <option value="volvo">Volvo
      <option value="saab">Saab
      <option value="fiat" selected>Fiat
      <option value="audi">Audi
      </select>
      </form>
      创建文本域,在文本域中,字符个数不受限制。
      <textarea rows="10" cols="30">
      The cat was playing in the garden.
      </textarea>
      创建按钮button
      <form>
      <input type="button" value="Hello world!">
      </form>
      提交重置按钮
      <input type="submit" value="Send">
      <input type="reset" value="Reset">
      图像插入
      Img标签和src属性
      在HTML里面,图像是由<img>标签定义的。
      <img>是空标签,意思是说,它只拥有属性,而没有结束标签。
      想要在页面上显示一个图像,需要使用src属性。“src”表示“源”的意思。“src”属性的值是所要显示图像的URL。
      插入图像的语法:
      <img src="url">
      alt属性
      alt属性用来给图像显示一个“交互文本”。alt属性的值是由用户定义的。
      <img src="boat.gif" alt="Big Boat">
      “alt”属性在浏览器装载图像失败的时候告诉用户所丢失的信息,此时,浏览器显示这个“交互文本”来代替图像。
      对齐align
      底部对齐bottom(默认的)
      middle
      top
      left
      right
      <img src="./images/xhtml.gif" align="bottom" width="100" height="50">
      使用图像作为链接:
      <a href="back.htm">
      <img border="0" src="./images/next.gif">
      </a>
      创建带有可点击区域的图像地图
      每个可点击区域是一个超级链接
      rect矩形,前两个数是起始点坐标后两个数是终点坐标
      circle圆形前两个数是圆心坐标后一个数是半径
      <img src="./images/planets.gif" width="145" height="126" usemap="#planetmap">
      <map id="planetmap" name="planetmap">
      <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
      <area shape="circle" coords="90,58,3" alt="Mercury" href="mercury.htm">
      <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
      </map>
      背景字体颜色
      <body bgcolor="#ffffff" text="yellow">
      背景图像background
      <body background="./images/background.jpg">


      IP属地:山东3楼2014-12-26 16:17
      回复