用HTML做简单网页

这篇博客介绍了HTML的基础知识,包括文档声明、标题、文本内容、图片插入、超链接、段落、文本标签、水平线、输入字段(文本、密码、单选、复选、提交按钮)的使用。通过实例展示了如何构建一个简单的WEB页面。

      HTML 指的是超文本标记语言  用标记标签来描述网页   HTML文档包含了HTML标签及文本内容  HTML文档也叫做WEB页面

 <!DOCTYPE heml>     声明为HTML 文档

<html >              元素是 HTML 页面的根元素 

<head>             包含了文档的元数据 ,如<meta charset="utf-8">  定义网页编码格式为utf-8  

                           一般有utf-8 ,GBK ,ASCLL

<title>              描述文档的标题

<body>          显示的是页面可见的内容

<h1>                 定义一个大标题

图片插入

<img src="C:\Users\hp\Pictures\BnS\1734.png" alt="1734" width="32" height="32"></p>

超链接

<a href="https://blog.csdn.net/zz772100?spm=3001.5343"> overflow</a>

<p>                    文本段落内容

   HTML标签通常是成对出现的  ,比如<a>  和</a> ,对应的则是开始标签和结束标签

<hr/>               水平线

文本字段

<form> 

First  name: <input  type="text"  name="firstname"><br>

Last  name:"<input type="text"  name="lastname">

</form>

 <br>          换行

密码字段

<form>

Password: <input type="password"  name="pwd">

</form>

单选按钮

<form>

 <input type="radio" name="sex" value="male"> 男<br>

<input type="radio" name="sex" value="famale"> 女

</form>

复选框

<form>

<input type="checkbox" name="vehicle" value="Bike"> I have a  bike<br>

<input type="checkbox" name="vehicle" value="Car"> I have  a  car

</form>

提交按钮

<form name="input" action="html_form_action.php" method="get">

Username: <input type="text" name="user">

 <input type="submit" value="Submit">

</form>


(注意:尽量中间不要带中文路径,容易出现bug或者问题)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值