认识HTML

HTML从零开始

  • 1.头文件

打开编辑器,用快捷键编辑头文件,具体方法为:在英文输入法的环境下输入“!”,然后按”tab”键,完成后效果图

2.标题

给网页起一个标题,在上图中有<titile>Documebt</titile> 其中Document是系统默认的标题,想要修改可以将其删除,在原位置输入想要的标题。

3.注释

想要把某一行注释可以使用“Ctrl”+“?”快捷键,想要注释某一段,可以光标选中这一段,输入“Ctrl”+“?”

4.名词解释

标签用来表示网页的元数据,常见标签

1<html>   

作用:用于告诉浏览器这个文档中包含的信息是用HTML编写的。

用法:所有的网页的内容都需要编写到html标签中, 一个页面中html标签只能有一个。

html标签中有两个子标签head和body 。

2<head>

作用:–head标签用来表示网页的元数据,head中包含了浏览器和搜索引擎使用的其他不可见信息。

用法: – head标签作为html标签的子元素的出现,一个网页中只能有一个head。

3<body>

     作用:body标签用来设置网页的主体,所有在页面中能看到的内容都应编写到body标签中。

     用法::body标签作为html的子标签使用。

  4<title>

      作用: <title>标签表示网页的标题,一般会在网页的标题栏上显示。

<title>标签中的文字,是页面优化的最重要因素。在搜索引擎的搜索时最先看到的、最醒目的内容。

用法:建议将title标签紧贴着head标签编写,这样搜索引擎可以快速检索到标题标签。网站中的多个页面的title也不应该重复,这样不利于搜索隐藏检索。

     5<h1>~<h6>

        作用:h1~h6都是网页中的标题标签,用来表示网页中的一个标题,不同的是,从h1~h6重要性越来越低。 

用法:h1~h6标题标签相当于正文的标题,通常认为重要性仅次于页面的title。 –一般标题标签我们只会使用到h3,h3以后的标题标签对于搜索引擎就没有什么意义了。一个页面中只会使用一个h1标签。

     6<p>:代表网页中的一个段落,一般会在段落的前后各加一行,就是说段落会在页面自成一行

     7<br />:换行标签,添加后会将后面的内容换到下一行

     8<hr />:水平线标签,使用hr标签可以在页中打印一条水平线,水平线可以将页面分成上下两个部分

     9<img />

          作用:图片标签,可以用来向页面中引入一张外部的图片

          属性:src  指向一个外部的图片的路径

                alt   图片的描述

           实例:<img src=” C:\Users\Administrator\Desktop\ dd.png”>

      10<a>

           作用:超链接标签,通过a标签可以快速跳转到其他页面

           属性:href 指向一个链接地址

                 target   设置打开目标页面的位置,可选值:_blank新窗口,_self当前窗口

用例:<a href="http://www.w3school.com.cn">W3School</a>

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值