学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:
1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。
2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。一般在<head> </head>中书写代码来改变标题字体和颜色
3. JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。
一、<h1></h1>就是标题标签,可以书写标题,修改标题的样式,颜色,字体等等
2、<p></p>是段落标签。可以这么说,网页中每一个内容在浏览器中的显示,都要存放到各种标签中。
html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个/。HTML标签不区分大小写,<h1>和<H1>是一样的,但建议小写,因为大部分程序员都以小写为准。
二、
<title>标签:在<title>和</title>标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。每个网页的内容都是不同的,每个网页都应该有一个独一无二的title。
Html代码注释:<!--注释文字-->
文章中有想强调的文本,就可以使用 em 标签表示强调,例如名字变斜体。<strong>标签表示强调,例如字体加粗。在强调的语气上有区别:
<em> 表示强调,<strong> 表示更强烈的强调。
在浏览器中<em> 默认用斜体表示,
<strong> 用粗体表示。两个标签相比,目前更喜欢使用<strong>表示强调。
<span>标签是没有语义的,它的作用就是为了设置单独的样式用的。需要在head中书写<style> span{color:blue 或者书写一些格式}</style>
3、文章的段落用<p>标签,那么文章的标题用什么标签呢?在本节我们将使
<hx>标签来制作文章的标题。
标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。
4、引用<q>引用文本</q>。引用的句子比较短。要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。用<q>标签的真正关键点不是它的默认样式双引号(如果这样我们不如自己在键盘上输入双引号就行了),而是它的语义:引用别人的话。
引用文本比较长,所以使用<blockquote>。语法:<blockquote>引用文本</blockquote>
5、在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入<br />。要想输入空格,必须写入 注意不要忘记“;”这个分号。
6、<hr/>标签用来添加水平衡线。<hr />标签和<br />标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。<hr />标签的在浏览器中的默认样式线条比较粗,颜色为灰色,可能有些人觉得这种样式不美观,没有关系,这些外在样式在我们以后学习了css样式表之后,都可以对其修改。
7、一般网页中会有一些网站的联系地址信息需要在网页中展示出来,这些联系地址信息如公司的地址就可以<address>标签。也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。<address>联系地址信息</address>。在浏览器上显示的样式为斜体,如果不喜欢斜体,当然可以,可以在后面的课程中使用 css 样式来修改它。
8、code标签。在网页中显示一些计算机专业的编程代码,当代码为一行代码时,你就可以使用<code>标签了,如下面例子:
<code>var i=i+300;</code>
如果是多行代码,可以使用<pre>标签。<pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。
9、浏览网页时,你会发现网页上有很多信息的列表,如新闻列表、图片列表。这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。
语法:
<ul>
<li>信息</li>
<li>信息</li>
......
</ul>
想在网页中展示有前后顺序的信息列表,使用<ol>标签来制作有序列表来展示
学习web前端开发基础技术需要掌握 来自淘豆网m.daumloan.com转载请标明出处.
