HTML网页制作基础教程,从基础了解html常用标识

网页制作基础教程:认识HTML

  在今天,做网页的工具到处都是,只要动几下鼠标,一个精彩的网页就出来了,HTML是否要学呢?答案是肯定的,因为工具就是工具,它们生成的代码是机械的,不够简洁,使网页打开的速度减慢。而且更新、管理起来极不方便。还有很多新的功能,工具是生成不了的。必需对代码进行编辑。新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。

  下面从简单的开始学起:

    你打开网页的源文件,可以看到html文件的格式是这样的:

<html>

<head>

<title>网页的标题</title>

</head>

<body>

……………………

</body>

</html>

其中省略号部份是网页的内容,其实每个标记都是一一对应的,有一个<body>就必有一个</body>,有一个<font>就会有一个</font>

每个网页文件都是以<html>开始和以</html>结束的。

<title>与</title>之间的内容是网页的标题。会显示在浏览器的标题栏上。

<body>与</body>之间放的是网页内容。打开记事本,写上下面的内容:

<html>

<head>

<title>网页的标题</title>

</head>

<body>

我的第一个网页。

</body>

</html>

保存为以.htm或.html为后缀的文件就成为一个简单的网页啦。是不是很简单呢?

 

  比如说有个网页特效,但你不知怎么添加。

   那就好好看这篇吧。

  html标记,称“超文本标记语言 ”,是网页的源代码。

  分为两种,“围堵标记”和“空标记”

  围堵标记:由<标记>和</标记>组成

  空标记:<标记>

  打个比方,你要像我上面那样让字的颜色有所改变。那么修饰哪几个字呢?是需要一个修饰的开头和结束吧?看下面这个代码:<font color=red>红色</font>的字,这样的话,在页面显示的就是“红色的字”,因为我有个结束符号“</font>”

  再来说说空标记。比如换行标记<br>(我们写一段字时,你要换一行,就用这个标记)。实际上换行就换了,是没有开始和结束的困扰的(这样说你总该理解了吧?!)

  好了,顺着思路,看上面,我写了一个:<font color=red>红色</font>的字。那么font就是一个标记,用来修饰字的。color指的就是它的颜色(red是红色,你不会不知道吧?)。这里,提醒初学者必须注意</font>,你要让计算机知道你要修饰的是哪几个字(如果你没有</font>结束,那么后面所有的字将是红的)。

  我们编辑的html是按照你写的顺序来编译出来的,就是说你写的顺序就是在电脑上显示的顺序(知道相关代码该怎么加了吧?).

 

 

这里介绍一些基本的标记,其实你想不记也可以;因为你自己写源代码时用得太多了,肯定会自动记住的。

<br>,<font>和</font>,<p>和</p>,<title>和</title>

  1、<br>这是一个换行符。我们的网页上总要写字吧?该怎么换行?就这玩意。提醒一下初学者,再回想一下围堵标记和空标记的区别,不清楚的就回头看看文章,再不清楚上留言本去,我跟你玩……巨汗……

  2、<font>这是用来修饰文字的,比如大小,字的颜色,字的背景颜色。

  3、<p>和</p>这个我比较少用,似乎是用来文章分段的。

  4、<title>和</title>放在<head>之间的,用来写网页左上方的标题。

  看看下面的例子(这就是前面说过的非标准写法,一样可以用;当然,提倡标准写法)

<font size=5 color=blue><b>测试文字</b></font>

 新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。

  [<b>的效果是使字体加粗]

  size是文字大大小,从1-7的大家自己试。

  再看一个例子:

  <p align=center>一段文字~~~</p>

  效果不好表示,是使标记中的文字居中的,大家自己试吧。

  align还可以等于left和right,居左和右。

  提示:其实还有很多其他的标记都有align=center这个属性。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值