重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
你想问的应该是,在搭建一个HTML文件时,基本的文件结构是什么样子吧?
从策划到设计制作,每一步都追求做到细腻,制作可持续发展的企业网站。为客户提供成都网站建设、网站制作、网站策划、网页设计、主机域名、网站空间、网络营销、VI设计、 网站改版、漏洞修补等服务。为客户提供更好的一站式互联网解决方案,以客户的口碑塑造优易品牌,携手广大客户,共同发展进步。
标准的HTML文件由“文档声明、文件头、文件体”组成。
对于HTML5,文档声明也应该采取HTML5.0的声明方式,具体代码如下:
!doctype html
html
head
meta charset="UTF-8"
titleHTML5学堂(码匠) 言成科技 联合出品/title
meta name="viewport" content="width=device-width,user-scalable=no"
link rel="stylesheet" href="../css/reset.css"
/head
body
div具体内容/div
/body
/html
在html标签当中包含head标签和body标签两种,而head标签表示的是文件头,body标签表示文件体,文件头当中需要包含“字符编码”(head标签中的第一行)、“标题”(title标签)、“其他元信息”(除了字符编码外的其他meta),而文件体当中书写的具体代码就是在网页当中会显示的内容。
此外,在文件头部或文件体当中还可以使用link标签引入CSS文件,或者使用script标签引入JS文件。
关于文档声明,在传统的HTML4当中,有另外三种声明方法,请详见《文档声明 DOCTYPE常见的文档类型》
1、打开任意一个网站,根据自己的需要选择。
2、如图点击右上角三条横杠的按钮。
3、点击”工具“选项。
4、点击”查看源代码“。
5、如图,就可以轻松查看到了该网站的源代码。
6、如果想关闭网页源代码,只需点击左上角“返回”按钮,这样就完成了。
下面是表单代码,你直接再加属性就可以了,表单用 table 写比较简单,div 太麻烦了;
html xmlns=" "
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title黑板/title
/head
body
div style="width:500px;"
h1 style="width:500px;height:50px;color:#2A8DF0;border-bottom:#2A8DF0 solid 3px; text-align:center;"用户注册页面/h1
table cellpadding="0" cellspacing="10" style="margin:0 auto;"
tr
td align="right" valign="top"div用户名:/div/td
tdinput style='width:250px' value='请输入用户名' //td
/tr
tr
td align="right" valign="top"div密 码:/div/td
tdinput style='width:250px' value='请输入密码' //td
/tr
tr
td align="right" valign="top"div确 认:/div/td
tdinput style='width:250px' value='请再次输入密码' //td
/tr
tr
td align="right" valign="top"div姓 名:/div/td
tdinput style='width:250px' value='请输入真实姓名' //td
/tr
tr
td align="right" valign="top"div邮 箱:/div/td
tdinput style='width:250px' value='请输入电子邮箱' //td
/tr
/table
div align="center"input style="width:100px;height:30px;text-align:center;line-height:30px;background:#2289F0;border:#2289F0;color:white;font-weight:bold;font-size:16px;" type="submit" value="提交注册" //div
/div
/body
/html
html网页源代码主要是html/html5语言,其次还包括javaScript脚本语言、CSS样式语言,或者还有可能包括xml,json,dhtml,WMLScript等。查的源代码很简单,一般浏览器右键菜单里就有“查看源代码”菜单项。