html入门学习

最新推荐文章于 2024-02-29 13:59:43 发布

bizhu12

最新推荐文章于 2024-02-29 13:59:43 发布

阅读量1.1k

点赞数 3

分类专栏： Windows编程文章标签： html asp.net input java c# border

本文链接：https://blog.csdn.net/bizhu12/article/details/6787410

版权

Windows编程专栏收录该内容

23 篇文章 1 订阅

订阅专栏

<html>
 <head> 
   <title>My first Web</title> <!--标题-->
 </head>
 
 <body>  <!--主体内容-->
   <font color="#FF0000" face="Courier New, Courier, monospace"  size="5"> 
     <p align="center"> <!--段落居中-->
	 hello word! 
   </font>
   <font color="#0000CC" size="+2"> 
    <p align="center"> <!--p还可以插入空行-->
    <br><br> html文件  <!--br是换行-->
	<br>     学习html
    <hr color="#FF0000">  <!--hr画线-->
   </font>
   
   <center> <!--居中显示完后自动换行-->
     居中显示标签
   </center>
   
   <h3 align="center"> <!--<hn> n表示1-6的数字,1表示大标题,6表示小标题,还有可以设置属性-->
     文档标题
   </h3><!--显示完后自动换行-->
   <font color="#00FF00"> <!--设置字体属性-->
	   <b>
		 设置文本为粗体
	   </b>
	   <br><br>
	   <i>
		 设置文本为斜体
	   </i>
   </font>
   
   <!--显示特殊字符,使用实体引用,前面加&号就可以输入一些特殊字符-->
   <!--" 双引号 "-->
   <!--&  和号 &-->
   <!--<   小于号-->
   <!-->   大于号-->
   <br><br>特殊字符<br>
   " & < > © ‰
   
   <!--编号列表-->
   <ol start="10"> <!--数字编号,默认从1开始,可以使用start属性设置开始的值-->
          <li>            C++
	 <li>            Java
	 <li value="20"> C#
	 <li>            HMTL
	 <li>            ASP.Net
   </ol>
   <!--使用其他编号方式-->
   <ol type="I" > <!--数字编号,默认从1开始,可以使用start属性设置开始的值-->
          <li>            C++
	 <li>            Java
	 <li>            C#
	 <li>            HMTL
	 <li>            ASP.Net
   </ol>
   
   <ol type="A" > <!--数字编号,默认从1开始,可以使用start属性设置开始的值-->
          <li>            C++
	 <li>            Java
	 <li>            C#
	 <li>            HMTL
	 <li>            ASP.Net
   </ol>
   
   <!--项目编号-->
   <ul> <!--默认为黑圆点,可以使用type属性设置-->
          <li>            C++
	 <li>            Java
	 <li>            C#
	 <li>            HMTL
	 <li>            ASP.Net
   </ul>
   
   <ul type="circle"> <!--默认为黑圆点,可以使用type属性设置-->
          <li>            C++
	 <li>            Java
	 <li>            C#
	 <li>            HMTL
	 <li>            ASP.Net
   </ul>
   
   <ul type="square"> <!--默认为黑圆点,可以使用type属性设置-->
          <li>            C++
	 <li>            Java
	 <li>            C#
	 <li>            HMTL
	 <li>            ASP.Net
   </ul>
   
   <!--无标号的列表-->
   <dl> 
          <dt>            C++
	 <dt>            Java
	 <dt>            C#
	 <dt>            HMTL
	 <dt>            ASP.Net
   </dl>
   <!--dd替换dt可以创建可缩进列表-->
   <dl> 
          <dd>            C++
	 <dd>            Java
	 <dd>            C#
	 <dd>            HMTL
	 <dd>            ASP.Net
   </dl>
   
   <!--表格-->
   <table border="1" bordercolor="#FF0000" align="center" > <!--添加表格,边框宽为1,边框颜色,竖直对齐-->
      <caption>成绩单</caption> <!--表格的标题-->
	  <tr align="center" valign="middle"> <!--在表格中添加一行-->
	         <th>姓名</th> <!--th是添加表头内容-->
		<th>语文</th>
		<th>数学</th>
		<th>英语</th>
	  </tr>
	  <tr align="center" valign="middle"><!--在表格中添加一行-->
	         <td>小三</td> <!--添加单元格内容-->
		<td>90</td>
		<td>92</td>
		<td>88</td>
	  </tr>
	  <tr align="center" valign="middle"><!--在表格中添加一行-->
	         <td>小李</td>
		<td>79</td>
		<td>88</td>
		<td>85</td>
	  </tr>
	  <tr align="center" valign="middle"><!--在表格中添加一行-->
	         <td>小王</td>
		<td>98</td>
		<td>85</td>
		<td>95</td>
	  </tr>
   </table>
   
   <!--创建表单-->
   <form method="get" action="reg.jsp"> 
     用户名:<input type="text" name="user" size="10"> <br><!--这个要在form里面-->
	 <!--type:text为文本框,submit为提交按钮,reset为重置按钮,password为密码输入框,
	 radio单选按钮,checkbox复选框,hidden为隐藏按钮-->
	 密码:  <input type="password" name="pwd" size="10"><br>
	 性别: <input type="radio" name="sex" value="1" checked="checked">男<!--checked默认选中-->
	       <input type="radio" name="sex" value="0" >女 <br>
		   <input type="reset" value="重置"> 
		   <input type="submit" value="提交">
   </form>
   
   <!--列表框-->
   学校:
   <select name="school" size="1">
     
          <option value="" selected="selected"></option>
          <option value="中南大学">中南大学</option>
	 <option value="湖南大学">湖南大学</option>
	 <option value="湖南师范大学">湖南师范大学</option>
	 <option value="长沙大学">长沙大学</option>
   </select><br><br>
   
   自我介绍:<br>
   <textarea name="person" rows="10" cols="50"></textarea><br><br>
   
   <!--超链接,可以是超链接地址,也可以是本机的html文件-->
   <a href="http://blog.csdn.net/bizhu12">我的博客</a>
   
   <br>
   
   <!--插入图像-->
   <a href="http://blog.csdn.net/bizhu12"> <!--把图片设置为超链接-->
      <img src="6.jpg" width="700" height="500">
   </a>
   
 </body>
</html>

要是想看效果的话可以直接复制代码到文本文件中,然后把格式改为 .html直接使用浏览器打开就可以看到了,

不过打开图片那里可能会出错,因为你自己的文件夹下可能没有6.jpg图像文件.......