起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > Web前端 > Web前端开发基础知识之HTML基础

Web前端开发基础知识之HTML基础

时间:2021-07-11 09:10:15来源:Web培训机构 作者:Web前端开发网 已有: 名学员访问该课程

前言: 今天小T要跟大家分享的文章是关于Web前端开发基础知识之HTML基础。想要学Web前端开发技术的小伙伴都知道,想要学

今天小T要跟大家分享的文章是关于Web前端开发基础知识之HTML基础。想要学Web前端开发技术的小伙伴都知道,想要学Web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:

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

2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

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

那么下面我们重点来说一说HTML基础知识

HTML 指的是超文本标记语言(Hyper Text Markup Language)

HTML 不是一种编程语言,而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

一、HTML标签

HTML 标签是由尖括号包围的关键词,比如<html>

HTML 标签通常是成对出现的,标签对中的第一个标签是开始标签,第二个标签是结束标签

标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div>的前面。

二、HTML基本结构

一个HTML文件是有自己固定的结构,如下所示:

<html>

<head>...</head>

<body>...</body>

</html>

代码讲解:

1. <html></html>称为根标签,所有的网页标签都在<html></html>中。

2. <head>标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script>、<style>、<link>、<meta>等标签。

3.在<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。

在head中设置网页标题和字符集编码

<head>

<title>这里是标题</title>

<meta charset="utf-8"/>

</head>

三、HTML段落标签

如果想在网页上显示文章,这时就需要<p>标签了,把文章的段落放到<p>标签中。

<p>段落</p>

<p>标签的默认样式,段前段后都会有空白。

四、HTML换行标签

如果希望在不产生一个新段落的情况下进行换行(新行),请使用<br />标签:

<p>This is<br/>a para<br/>graph With line breaks</p>

五、HTML标题

标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。

语法: <hx>标题文本</hx> (x为1-6)

题标签的样式都会加粗,h1标签字号最大,h2标签字号相对h1要小,以此类推h6标签的字号最小。一个标题标签要独占一整行。

以上就是小T今天为大家分享的关于Web前端开发基础知识之HTML基础的知识。希望本篇文章能够对想要学Web前端开发技术的小伙伴们有所帮助。想要了解更多Web学习方面的知识,记得关注IT培训网Web前端开发培训官网哦~

【免责声明:本文图片及文字信息均由小T转载自网络,旨在分享提供阅读,版权归原作者所有,如有侵权请联系我们进行删除。】

Web前端开发工程师,是从事Web前端开发工作的工程师。主要进行网站的开发、优化、完善的工作。网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。

一位好的Web前端开发工程师在知识体系上既要有广度,又要有深度,所以很多大公司即使出高薪也很难招聘到理想的Web前端开发工程师。现在说的重点不在于讲解技术,而是更侧重于对技巧的讲解。技术非黑即白,只有对和错,而技巧则见仁见智。以前会Photoshop和Dreamweaver就可以制作网页,现在只掌握这些已经远远不够了。无论是开发难度上,还是开发方式上,现在的网页制作都更接近传统的网站后端开发,所以现在不再叫网页制作,而是叫Web前端开发。Web前端开发在产品开发环节中的作用变得越来越重要,而且需要专业的Web前端开发工程师才能做好,这方面的专业人才近两年来备受青睐。Web前端开发是一项很特殊的工作,涵盖的知识面非常广,既有具体的技术,又有抽象的理念。简单地说,它的主要职能就是把网站的界面更好地呈现给用户。

文章出自:http://qh.itpxw.cn/peixun/web/202186094.html

文章标题:Web前端开发基础知识之HTML基础



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
培训学校
IT培训网 访问该机构站点 报名留言 加为好友 用户等级:注册会员 用户级别:10 机构名称:IT培训网 联 系 人:罗老师 联系电话:13783581536 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 电子邮件: 网站域名:http://www.itpxw.cn 注册时间:2016-07-18 11:07 最后登录:2024-02-20 13:02