java web之html简介

HTML简介

HTML概述

制作与浏览步骤:

  1. 使用简单的文字编辑器
  2. 以扩展名“.html”保存文件
  3. 双击文件名或者在浏览器地址栏目输入文件全名浏览

文字编辑器的选择
       刚开始我使用的是sublime,感觉比较简单,只要新建一个文件,输入相应的html内容,然后右击选择“在浏览器中打开”,或者双击文件名,就能浏览器中显示html文件内容。后面学习时需要用到与后端交互等操作,所以我就使用eclipse,大家可以根据自己的需要选择相应的软件。

HTML文档结构

       下面我们通过一个简单的案例来了解HTML文档的基本结构:

<!DOCTYPE html><!--约束,声明-->
<html>
  <head>
      <title>简单的html案例</title>
  </head>
  <body>
  <!--注释内容,不显示-->
   欢迎!
   请单击<a href="ex4-01_1.html">Hello World!
   </body>
</html>

运行结果
       网址部分显示的是你保存文件的位置,我保存在桌面所以前面一部分是C:/Users/Administrator/Desktop,1.html是保存文件的文件名。“简单的html案例”是title中的内容,即这个文件的标题。“欢迎! 请单击Hello World!”是body中的内容,显示在网页中。

基本的标记

       首先我们了解一个套路,HTML中的标记大多成对出现,前面一个表示开始,例如<html>,后面一个表示结束,例如</html>,而这中间的内容便是被标记识别的内容。
       现在我们再来解释文档的结构:
html标记
       下面这个标记就是上面所说的成对出现的标记之一,一个表示html文档的开始,一个表示html文档的结束,所有的内容都写在此标记中间。

<html>
</html>

常见的参数为lang=“en”(支持英文)或者lang=“zh_CN”(支持中文)。
head标记
       <head>是文件头的开始,</head>是文件头的结束。这一部分是文档头部,是页面描述的相关信息,不和文件一起显示。<title></title>分别是标题的开始和结束。

<head>
<title>
</title>
</head>

       head标记中除了可以写标题标记外,还可以写基地址标记,提供超链接基地址,如

<base href="http://www.w3school.cn/i/" />

       相关资料标记,如:

<meta  http-equiv="Content-Type"  content="text/html"; charset="UTF-8">
<!--表示当前页面使用UTF-8字符集,文件类型是html-->

       除此之外还有link标记,style标记或者js代码等。
body标记
       <body></body>分别表示文件体的开始和结束。这一部分是文档正文,页面显示的内容。

<body>
</body>

注释标记
<!--注释内容-->

注意事项

  1. 标记大多成对出现,但不是所有都成对出现
  2. 标记大小写无关
  3. 标记可以联合使用
  4. 标记可以带有一个或多个属性参数
  5. 注释标记<!--注释内容-->不在浏览器中显示
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值