网页制作(HTML)

本文介绍了HTML(超文本标记语言)的基础结构,包括<!doctype html>声明、<head>和<body>元素,以及如何使用HbuilderX和记事本等工具创建网页。头元素包含元信息,不会在浏览器中显示。讨论了HTML注释的作用,以及表单的使用,如不同类型的input标签,如文本框和密码框,并讲解了表单提交的GET和POST两种方式及其特点。
摘要由CSDN通过智能技术生成

总纲:## 标题Html(超文本标记语言)—超文本指就是网页的内容(文字,超链接,图片,表单(文本框,密码框,下拉列表等),表格,视频,音频,动画,框架)

1.超文本标记语言的基本结构:
<!doctype html> 版本声明 h5
< html>
< head>
网页的头部
</ head>
< body>
网页的主体(内容)
< /body>
< /html>
Html是由标记对构成
< head> 表示标记的开始
< /head>表示标记的结束
2.网页的制作工具 hbuilderX,记事本等等.
3.网页的后缀名 .html或 .htm 注意:有些操作系统文件的后缀名只支持3位的.

头元素包含关于文档(网页)的概要信息,也称为元信息(meta-information)。Meta 意为“关于某方面的信息”。

可以这么说,元数据(meta-data)是关于数据的信息,而元信息是关于信息的信息。

头元素内的元素不会被浏览器显示出来。

根据 HTML 标准,仅有几个标签在 HTML 的头部分是合法的。它们是:< base>, < link>, < meta>, < title>, < style> 和 < script>。

ISO8859-1 不支持中文
Html注释;
1)使代码失效
2)描述代码说明

表单:收集不同类型用户输入的数据.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>慕课网</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/js/myfocus-2.0.1.min.js"></script> <script type="text/javascript"> myFocus.set({ id:'demo', pattern:'mF_liquid'}); </script> </head> <body> <div id="top"> <div id="top_text"> <ul> <li><a href="#">联系我们</a></li> <li><a href="#">加入收藏</a></li> <li><a href="#">设为首页</a></li> </ul> </div> </div> <div id="middle"> <div id="logo"> <div id="logo_left"> <img src="images/logo.jpg" alt="" width="200" height="80" /> </div> <div id="logo_right"> <img src="images/tel.jpg" width="28" height="28" /> 24小时服务热线 <span>123-456-7890</span> </div> <br class="clear_float"> </div> <div id="nav"> <div id="nav_left"> <img src="images/nav_left.jpg" width="10" height="40" /> </div> <div id="nav_middle"> <ul> <li><a href="#">首页</a></li> <li><a href="#">关于幕课</a></li> <li><a href="#">新闻动态</a></li> <li><a href="#">课程中心</a></li> <li><a href="#">在线课程</a></li> <li><a href="#">人才招聘</a></li> </ul> <div id="gezi"> <form> <input type="text" /> </form> </div> </div> <div id="nav_right"> <img src="images/nav_right.jpg" width="10" height="40" /> </div> </div> <div id="demo" class="ad"> <div class="pic"> <ul> <li><a href="#"><img src="images/ad2.jpg" thumb="" alt="" text="详细描述2" /></a></li> <li><a href="#"><img src="images/ad3.jpg" thumb="" alt="" text="详细描述3" /></a></li> <li><a href="#"><img src="images/ad4.jpg" thumb="" alt="" text="详细描述4" /></a></li> <li><a href="#"><img src="images/ad3.jpg" thumb="" alt="" text="详细描述5" /></a></li> </ul> </div>
航天网页制作HTML是指使用HTML语言来设计和创建关于航天的网页。HTML(超文本标记语言)是一种用于构建网页结构和内容的标准化语言。航天网页制作HTML的过程主要包括以下几个步骤。 首先是网页的设计阶段。在设计阶段,我们需要确定航天网页的整体布局、颜色搭配、字体选取等元素。同时,我们还要考虑页面的导航结构以及如何将重要信息展示在页面上。 接下来是编写HTML代码。在编写HTML代码时,我们需要使用不同的HTML标签来定义页面的各个元素,比如标题、段落、图像和超链接等。同时,我们还需要使用CSS(层叠样式表)来为页面添加样式和布局。 在编写HTML代码的过程中,我们还可以使用JavaScript来实现一些交互性的功能,比如动画效果、表单验证等。 完成HTML代码编写后,我们需要进行测试和调试。通过在不同的浏览器和设备上测试网页,确保其在各种环境下都能正常显示和运行。在测试过程中,我们还需要注意页面的加载速度和用户体验,尽量优化网页性能。 最后,我们可以将制作完成的航天网页部署到服务器上,通过互联网进行访问。 航天网页制作HTML需要掌握HTML、CSS和JavaScript等相关的知识和技能。同时,了解航天领域的知识也有助于设计出更符合主题的网页内容。随着技术的不断发展,航天网页制作HTML也在不断演进,例如通过响应式设计来适配不同设备的屏幕大小。 总的来说,航天网页制作HTML是一个综合性的任务,需要设计和技术的结合。通过合理的设计和代码编写,可以创造出功能完善、界面美观的航天网页,为用户提供丰富的航天知识和信息。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值