从技术上讲,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> 是一个显示段落的标签
代码运行结果
在浏览器中显示的效果如下
发表评论
评论列表(条)