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>