HTML简单入门

本文介绍了HTML的基本概念,包括网站、网页的本质以及HTML语言。详细讲解了HTML的基本语法、常用标签和重要标签,如标题、图片、超链接、表格等,并通过实例展示了如何使用这些标签创建和编辑网页。此外,还讨论了图片标签的属性、超链接的href和target属性,以及表格的行合并和列合并。
摘要由CSDN通过智能技术生成

1.什么是网站?

        网站:是由若干个网页组成的一个集体,且这些网页之间相互关联

                比如CSDN网站,www.csdn.net 。

        其网站首页就是一个网页,点击左侧的"关注"、"专题"等选项,就会关联跳转到不同的页面,

        每一个页面都是一个网页,他们相互关联共同组成了csdn网站。

 

2.网页的本质

        网页的本质是一个文件。

                举两个例子:

                                    1. ".txt" 文件,用来记录纯文字的文本文件,通过记事本可以识别及浏览。

                                    2. ".mp3" 文件,用来记录音频的音乐文件,通过音乐播放器可以识别及播放。

                同样的,网页 (".html") ,用来记录文字、图片、声音等数据的html文件,通过浏览器可以识别及浏览

 

3.HTML语言

        HTML:超文本标记语言

                超文本:功能比文本更加强大

                标记语言:用一组标签对内容进行修饰的语言 (注意标记语言并不是编程语言)。

 

4.HTML的基本语法和规范    

        语法和规范:

                HTML文件都是以html或者htm结尾的。一般使用html(可以理解为htm=html,只不过一些老系统不能识别4位文件名)。

                HTML文件分为根<html>和头部<head>、体部<body>,头部用来写标题,体部用来写网页的内容。

                HTML标签一般都是成对出现,由开始标签和结束标签组成 。

                HTML标签不区分大小写,统一采用小写。

       入门:我的第一个网页文件:

                新建一个文本文档,命名为my.html,如下图:

                

               右键通过记事本打开,进行内容的编辑,写好其根、头部和体部,如下图,一个简单的html文件就建好了。

               

                最小化文本,右键my.html文件,选择使用浏览器打开,效果如下图

                浏览器成功识别网页文件,没有报错,这里因为我们还没有往网页文件里写内容,所以网页为空白。

 

5.HTML常用标签

        1.网页标题 <title>标题</title>  设置网页头部标题,在HTML文件头部,这里可以自己给网页写一个标题,代码如下:

        

        保存,刷新浏览器网页(F5),刚才打开的网页文件其网页标题成功设置。

        2.设置网页ico图标,ico就是网页标题左侧的图标,可以设置为公司logo,或者个人喜欢的图案,ico图标可以通过http://www.bitbug.net/ 在线生成,将生成的ico图案和网页放在一个目录下比如我这里都放在桌面,

        

        然后在html中加入如下代码:

        

        保存,刷新网页,效果如下:

        3.标题标签 <hn></hn>

                效果,加粗加黑单独占一行。

                n值:1-6逐渐减小,n值超过6不属于标题标签,无任何效果,按照默认文本显示。

        编辑my.html内容如下:

        

        保存,打开浏览器,效果如下:

        标题标签内容加粗加黑显示,并单独占据一行,期中hn,n值为1-6逐渐减小,n值超过6,为7和8无任何效果,未加粗加黑

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值