HTML练习

最新推荐文章于 2022-09-07 20:38:59 发布

鬼魅叔叔

最新推荐文章于 2022-09-07 20:38:59 发布

阅读量757

点赞数

本文链接：https://blog.csdn.net/henaimumu/article/details/12437869

版权

 
  <!DOCTYPE> 
  
  <html> 
  
  <head> 
  
  <meta 
  http-equiv= 
  "Content-Type" 
  content= 
  "text/html; charset=utf-8" 
  /> 
  
  <style 
  type= 
  "text/css" 
  > 
  
  h1 
  { 
  color 
  : 
  red 
  } 
  
 p 
  { 
  color 
  : 
  blue 
  } 
  
  </style> 
  
  </head> 
  
  <body 
  bgcolor= 
  "white" 
  background= 
  "/img/wangxiulin.jpg" 
  > 
  
  <h1 
  align= 
  "center" 
  >hello,welcome to my website 
  </h1> 
  
  <h2>Never lose my style 
  </h2> 
  
 My sinablog 
  
  <p><a 
  href= 
  "http://blog.sina.com.cn/henaimumu/" 
  target= 
  "_blank" 
  >www.blog.sina.com.cn/henaimumu 
  </a></p> 
  
 HTML折行 
  
  <p>This is a 
  <br/> paragraph 
  <br/>with line breaks 
  </p> 
  
 文本格式化 
  
  <p> 
  
 This text is normal 
  <br/> 
  
  <b>This text is bold 
  </d><br/> 
  
  <strong>This text is strong 
  </strong><br/> 
  
  <a 
  href= 
  "/example/html/wangxiulin.html" 
  > 
  
  <img 
  src= 
  "/img/ocean.jpg" 
  align= 
  "right" 
  ismap 
  /></a> 
  
  <big>This text is big 
  </big><br/> 
  
  <em>This text is emphasized 
  </em><br/> 
  
  <i>This text is italic 
  </i><br/> 
  
  <small>This text is small 
  </small><br/> 
  
 This text contains 
  <sub>subscript 
  </sub><br/> 
  
 This text contains 
  <sup>superscript 
  </sup><br/> 
  
 This text 
  <del>text 
  </del> is normal 
  <br/> 
  
 This 
  <ins>text 
  </ins> is normal 
  <br/> 
  
  </p> 
  
 预格式文本 
  
  <p>pre is suited to show computer code: 
  </p> 
  
  <pre> 
  
 for i=1 to 10 
  
  printf i 
  
 next i 
  
  </pre> 
  
  <code>computer code 
  </code><br/> 
  
  <kbr>Keyboard input 
  </kbr><br/> 
  
 address 
  
  <address> 
  
  <a 
  href= 
  "809160703@qq.com" 
  >my mailbox 
  </a><br/> 
  
  School of Information and Communication Engineering 
  <br/> 
  
  Dalian University of Technology 
  <br/> 
  
  </address> 
  
 缩写和首字母缩写 
  
  <abbr 
  title= 
  "wangxiulin" 
  >wxl 
  </abbr> 
  
  <acronym 
  title= 
  "Dalian University of Technology" 
  >DUT 
  </acronym> 
  
 文字方向 
  
  <br/> 
  
  <bdo 
  dir= 
  "rtl" 
  > 
  
 This is a text 
  
  </bdo> 
  
  <br/> 
  
  <p> 
  
  <img 
  src= 
  "/img/funny1.gif" 
  /> 
  
 块引用 
  
 this is a short quote 
  
  <blockquote> 
  
 this is a long quote this is a long quote this is a long quote this is a long quote this is a long quote this is a long quote this is a long quote this is a long quote this is a long quote this is a long quote this is a long quote 
  
  </blockquote> 
  
  </p> 
  
 没有下划线的链接 
  
  <a 
  href= 
  "/example/html/wangxiulin.html" 
  target= 
  "_top" 
  style= 
  "text-decoration:none" 
  > 
  
 This is a link! 
  
  </a> 
  
  <a 
  name= 
  "tips" 
  >basic matters need attention:helpful fint 
  </a> 
  
  <a 
  href= 
  "#tips" 
  >helpful fint 
  </a> 
  
  <table 
  border= 
  "4" 
  > 
  
  <caption>Whose table 
  </caption> 
  
  <tr> 
  
  <td 
  bgcolor= 
  "green" 
  > 
  
  <p>vacant table1 
  </p> 
  
  </td> 
  
  <td> 
  
  <table 
  frame= 
  "above" 
  width= 
  "300" 
  border= 
  "1" 
  bgcolor= 
  "purple" 
  > 
  
  <tr> 
  
  <th> 
  &nbsp; 
  </th> 
  
  <th>X 
  </th> 
  
  <th 
  colspan= 
  "2" 
  >YZ 
  </th> 
  
  </tr> 
  
  <tr> 
  
  <th>A 
  </th> 
  
  <td>200 
  </td> 
  
  <td>300 
  </td> 
  
  <td>400 
  </td> 
  
  </tr> 
  
  <tr> 
  
  <th 
  rowspan= 
  "2" 
  >BC 
  </th> 
  
  <td>500 
  </td> 
  
  <td>600 
  </td> 
  
  <td>700 
  </td> 
  
  </tr> 
  
  <tr> 
  
  <td>500 
  </td> 
  
  <td>600 
  </td> 
  
  <td>800 
  </td> 
  
  </tr> 
  
  </table> 
  
  </td> 
  
  </tr> 
  
  <tr> 
  
  <td> 
  
  <ul> 
  
  <li>apple1 
  </li> 
  
  <ul> 
  
  <li>apple1.1 
  </li> 
  
  <ul> 
  
  <li>apple1.1.1 
  </li> 
  
  <li>apple1.1.2 
  </li> 
  
  </ul> 
  
  <li>apple1.2 
  </li> 
  
  </ul> 
  
  <li>apple2 
  </li> 
  
  <li>apple3 
  </li> 
  
  <ul> 
  
  </td> 
  
  <td> 
  
  <table> 
  
  <tr> 
  
  <td> 
  
  <ol 
  type= 
  "A" 
  > 
  
  <li>apple1 
  </li> 
  
  <li>apple2 
  </li> 
  
  <li>apple3 
  </li> 
  
  <ol> 
  
  </td> 
  
  <td> 
  
  <div 
  style= 
  "color:#00FF00" 
  > 
  
  <dl> 
  
  <dt>apple1 
  </dt> 
  
  <dd>apple1 is an apple 
  </dd> 
  
  <dt>apple2 
  </dt> 
  
  <dd>apple2 is an apple 
  </dd> 
  
  </dl> 
  
  </div> 
  
  </td> 
  
  </tr> 
  
  </table> 
  
  </td> 
  
  </tr> 
  
  </table> 
  
  <hr/> 
  
 two pictures of my friends 
  
  <img 
  src= 
  "/img/funny.gif" 
  align= 
  "right" 
  /> 
  
  <img 
  src= 
  "/img/funny.gif" 
  alt= 
  "向左转" 
  /> 
  
  <br/> 
  
  <ht/> 
  
  <img 
  src= 
  "/img/wangxiulin1.jpg" 
  width= 
  "1000" 
  height= 
  "600" 
  /> 
  
 vacant row 
  
  <br/> 
  
 horizontal row line 
  
  <hr/> 
  
  <img 
  src= 
  "/img/wangxiulin2.jpg" 
  width= 
  "1000" 
  height= 
  "600" 
  /> 
  
  <p>友情赞助 
  </p> 
  
  <p><a 
  href= 
  "http://blog.sina.com.cn/henaimumu/" 
  target= 
  "_blank" 
  ><img 
  src= 
  "/img/sinablog.jpg" 
  ></a></p>

鬼魅叔叔

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML练习

http-equiv="Content-Type" content="text/html; charset=utf-8"/>type="text/css">h1{color:red}p {color:blue}bgcolor="white" background="/img/wangxiulin.jpg">align="center">hello,welcom
复制链接

扫一扫