代理加盟

2023全新代理计划,一站式模板建站,铜牌代理低至699元送终身VIP,独立代理后台,自营贴牌。

您现在的位置: 麦站网 > 站长学院 > 编程语言 >

HTML(超文本标记)语言入门教程

来源:本站原创 发布时间:2020-09-22 10:05:17热度:我要评论(0

麦站模板建站平台(10年经验),服务数万家企业,固定透明报价。域名注册、主机/服务器、网站源码一站式服务。实体公司,专业团队,值得选择!超过1000套模板已登记版权,合规合法建站,规避版权风险!【点击获取方案】

从技术上讲,HTML是不是一种编程语言,而是一种标记语言。从现在开始,我们将一起学习html语言,它是创建一个网页内容或网站必不可少的。可以这么说,没有html语言,就创建不了网页,没有网页也就不可能有网站的存在!而html是web前端开发必须掌握的三大基础技术之一,另外两个是CSS和JavaScript语言。

超文本标记语言包括诸如音频,视频,文本等等数据,让在浏览器呈现出的网页内容更加丰富,形式更加多样。总体来说,超文本标记语言包含头和主体两个部分,即网页的信息部分和网页的内容部分。

 

什么是html

html,也叫超文本标记语言,英文全称是HyperText Markup Language,它是通过使用html标签来描述网页内容和表现形式的语言,可以被浏览器进行解析,然后把不同的网页元素在浏览器中展示出来,就成了我们所看见的最终网页效果!

 

HTML标签

HTML标签就是用来定义或描述网页内容的。

HTML标签,也可以叫做HTML标签,或HTML标记标签;

HTML提供了许多标签,如网页头部标签<head>、段落标签<p>、超链接标记<a>、图片标签<img>等,网页中需要定义什么内容,就用相应的HTML标签描述即可;

只有正确被这些标签描述了的网页元素,浏览器才能按照规范把网页元素展示出来让你浏览和阅读!

     <html>…………</html>    : 这是声明HTML文件的语法格式,每一个HTML文件,都必须以<HTML>开头,以</HTML>结束  

    <head>…………</head>   :  这是文件头声明的语法格式。在这之内的所有文字都属于文件的文件头,并不属于文件本体

    <title>…………</title>    :  这是声明文件标题的语法格式。在这之中写下的所有内容,都将写在网页最上面的标题栏中。

    <body>…………</body>    : 这是声明文件主体的语法格式。在者之间写下的内容都是文件的主体,也就是说将会被显示在客户区之中。

 

HTML文件

HTML文件的后缀名有两种:一个是htm,这个是比较老的后缀名,另一个是html;

htm可以被DOS识别;

在UNIX系统中,网页必须使用.html后缀名,如果是htm,在浏览器中打开时则出现源代码;

在Windows中,这两种扩展名都被支持,所以,没有特殊要求,一般使用html是最好的。

 

HTML和CSS以及JavaScript的关系

1、HTML是网页内容的载体.内容就是网页制作者放在页面上想要让用户浏览的信息, 可以包含文字, 图片, 视频等.

2、CSS样式是内容表现形式. 好比人的穿衣打扮,可以改变和调整. 比如文本字体、颜色变化,或为标题加入背景图片,边框大小粗细等, 所有这些用来改变内容外观的东西称之为表现形式。

3、JavaScript是用来实现网页上的特效效果, 如: 鼠标滑过弹出下拉菜单. 或鼠标滑过表格的背景颜色改变. 还有焦点新闻(新闻图片)的轮换. 可以这么理解, 有动画的, 有交互的一般都是用JavaScript来实现的.

 

html代码实例

<!DOCTYPE html> 
<html>         
<body>
<h1>这是一个标题</h1>
<p>这是一个段落文字</p>
</body>
</html>

 

代码解析

DOCTYPE 声明了文档类型

<html> 与 </html> 是最外层的标签,顶级标签或根标签;

 <body> 与 </body> 是可视化网页内容区域;

 <h1> 与 </h1> 是一级标题标签

 <p> 与 </p> 是一个显示段落的标签

 

代码运行结果

在浏览器中显示的效果如下

2019-07-25_043033.png

    转载请注明来源网址:https://www.xiuzhanwang.com/bcyy/2706.html

    上一篇:没有了

    下一篇:详细HTML、XHTML、HTML5概念和区别

    相关阅读

    发表评论

    评论列表(条)

       
      QQ在线咨询
      VIP限时特惠