基本的html页面

1.第一个html页面

<html>(开始的标记)

<head>(头标记,显示浏览器的最上面)

        <title> www.uestc.edu.cn 飞跃博客</title> (头标记内容)

</head>

<body>  (网页正文主体)

<center> (内容居中)

<h2> (二号标题)

<font  color:"blue">  电子科技大学  </font>  (字体颜色设置)

</h2>

<h3>

<a href="http://www.uestc.edu.cn">  www.uestc.edu.cn  </a>  (超链接跳转)

</h3>

      </center>

</body>

</html>


2.第二个html页面

<html>

<head>

      <title> www.uestc.edu.cn 飞跃博客</title> (头标记内容)

</head>

<body>  (网页正文主体)

<center> (内容居中)

<table border="1" width="80%"> (绘制表格,表格边框宽度占网页的比例0.8)

<tr> (table row表格第一行)

<td colspan="6“> (表格第一行,第一列 占六列)

<font size="15"> 字体显示 </font>

</td>

<td rowspan="2"> (表格第二列,第一行占两行)

<img src= " feiyue.gif "> (添加图片)

</td>

</tr>


<tr> (表格第二行)

<td> <b>粗体</b></td>

<td> <i>斜体</i></td>

<td> <u>下划体</u></td>

<td> <s>中划线</s></td>

<td> 90<sup>0</sup></td> (sup上标即 90°)

<td> H<sub>2</sub>o</b></td> (sub下标)

</tr>

</table>

      </center>

</body>

</html>


3.第三个html 页面(form表单)

<html>(开始的标记)

<head>(头标记,显示浏览器的最上面)

         <title> www.uestc.edu.cn 飞跃博客</title> (头标记内容)

</head>

<body>  (网页正文主体)

<form action=" 提交信息的路径" method=" post">

编&nbsp;&nbsp;号: <input type="text" name="userid" value="no." size="2" maxlength="2"> <br> (&nbsp;表示空格 text代表文本框)

用户名:<input type="text" name="username" value="请输入用户名"> <br>

密&nbsp;&nbsp;码:<input type="password" name="userpass" value="请输入密码"> <br> (密码框)

性&nbsp;&nbsp;别:<input type="radio" name="sex" value="男" checked> 男

<input type="radio" name="sex" value="女”>女<br> (一组单选框(name值一致), 默认选择男(checked))

部&nbsp;&nbsp;门:<select name="dept"> (下拉列表框)

<option value="技术部" selected> 技术部 </option>

<option value="销售部"> 销售部 </option>

</select><br>

兴&nbsp;&nbsp;趣:<input type="checkbox" name="inst" value="唱歌"> 唱歌 (复选框checked name值须一致)

<input type="checkbox" name="inst" value="编程“ checked>编程

<input type="checked" name="inst" value="上网"> <br>

说&nbsp;&nbsp;明:<textarea name="note" clos="20" rows="3"> (大文本输入框 textarea)

电子科技大学 www.uestc.edu.cn

</textarea> <br>

<input type="submit" value="注册"> <input type="reset" value="重置"> (submit 提交按钮 reset 重置按钮)

</form>

</body>

</html>



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值