• HTML Basic points


    这篇文章是我学习html视频资料时候自己稍微试验的一些html代码。学习的主要点可能在这里就可以全部包括了。随着我学习视频,这篇代码会随时被更新。

    <html>
    
    <head>
    
    <!-- comment -->
    
    </head>
    
    <body bgcolor="#EEEEEE">
    
    <h1>h1</h1>
    <h2>h2</h2>
    <h2>h6</h2>
    
    <a href="http://www.google.com"> google </a>
    <a src=""/>before br
    	testing a
    <a href="http://www.baidu.com" target="_blank">
    	<img src="../../1.jpg" alt="if the image is not shown" title="title" border="10"/>
    </a>
    
    <a href="#last">link to last a - jump to last</a>
    
    <br/>br
    <p/>p paragraph
    <img src="1.gif" usemap"#my_map" width="150" height="80">
    	<font color="blue">
    		aa
    	</font>
    </img>
    <map name="my_map">
    	<area/>
    </map>
    <map name="my_map2">
    	<!--area/-->
    </map>
    
    <pre>
    kald          
    df df 
    df    pre       df
    </pre>
    
    <center>center居中</center>
    
    <ul>
    	<li> list 1 </li>
    	<li> list 2 </li>
    	<li> list 3 </li>
    	<li> list 4 </li>
    	
    </ul>
    
    <ol>
    </ol>
    
    <table>
    	<thead align="right">
    		<th>first name</td>
    		<td>family name</td>
    		<td>age</td>
    	</tr>
    	<tr height="30" width="50">
    		<th border="5" bgcolor="blue">tr2 td1</td>
    		<td> <font color="red">tr2</font> <br/> td2</td>
    		<td align="right">tr2 td3<center>center 居 中</center></td>
    	</tr>
    </table>
    
    <a name="last">	last link </a>
    
    <p>
    	<p>
    </p>
    
    缩略图
    <a href="./images/large.jpg">click here for image<img src="./images/small.png"/></a>
    
    <form action="Register.aspx">
    	<input type="text" size="100" value="默认值" maxlength="8" readonly="readonly"/>
    	<br/><input type="checkbox" checked="checked" />
    	<br/><input type="radio" name="radio1" />
    </form>
    </body>
    
    
    <br/>
    
    </html>
    

      

  • 相关阅读:
    二叉树解题思想
    SpringBoot + Mybatis 和ssm 使用数据库的区别
    Spring Cache 抽象(缓存抽象) Redis 缓存
    VirtualBox 虚拟机 从入门到入坑
    小知识点的记录
    SpringBoot 的不同
    请你激起学习的激情
    java 适配器模式
    UML类图的情话诉说
    Java 工厂模式
  • 原文地址:https://www.cnblogs.com/ellasungenius/p/3728624.html
Copyright © 2020-2023  润新知