从现在开始,我们将一起学习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文件的后缀名有两种:一个是htm,这个是比较老的后缀名,另一个是html; htm可以被DOS识别; 在UNIX系统中,网页必须使用.html后缀名,如果是htm,在浏览器中打开时则出现源代码; 在Windows中,这两种扩展名都被支持,所以,没有特殊要求,一般使用html是最好的。
HTML和CSS以及JavaScript的关系 1、HTML是网页内容的载体.内容就是网页制作者放在页面上想要让用户浏览的信息, 可以包含文字, 图片, 视频等. 2、CSS样式是内容表现形式. 好比人的穿衣打扮,可以改变和调整. 比如文本字体、颜色变化,或为标题加入背景图片,边框大小粗细等, 所有这些用来改变内容外观的东西称之为表现形式。 3、JavaScript是用来实现网页上的特效效果, 如: 鼠标滑过弹出下拉菜单. 或鼠标滑过表格的背景颜色改变. 还有焦点新闻(新闻图片)的轮换. 可以这么理解, 有动画的, 有交互的一般都是用JavaScript来实现的. html代码实例
代码解析
DOCTYPE 声明了文档类型 <html> 与 </html> 是最外层的标签,顶级标签或根标签; <body> 与 </body> 是可视化网页内容区域; <h1> 与 </h1> 是一级标题标签 <p> 与 </p> 是一个显示段落的标签 代码运行结果 在浏览器中显示的效果如下
|