一.基础概念
1.网站,网页
网页是构成网站元素,一般由图片,文字等元素组成,通常是.html格式的文件
网站由网页组成,是网页的集合
2.web的标准
三大方面:结构(html),表现(css),行为(javascript)
3.双标签 单标签
双标签前为开始标签,后为结束标签
单标签格式为<标签名 />
4.标签之间关系
并列(兄弟) 包含(父子)
5.基本标签结构
<html>(根标签)
<head>(文档的头部,注意必须设置title)
<title> </title>(文档标题)
</head>
<body> </body>
</html>
6.vscode快捷键
!+tab:快速生成骨架标签
框架内容总结:
二.文本标签
1.标题标签
共分为六级,随数字增大,显示出来大小变小,例:<h1></h1> <h2></h2> 独占一行
2.段落标签
<p></p>断开并两段落间留有较大空格
3.换行标签
<br/>单标签
注意:在编译器中文字的空格和换行在浏览器中打开不是原样,不会保留换行,多个空格只保留一个
4.格式化标签
三.常用标签
1.分块用的标签,区别是div的内容独占一行,span可在一行显示,格式为:<div></div> <span></span>
2.图象标签:<img src="图片名" alt="显示出错的替换文字" title="鼠标移到图片上显示的文字" height="" width=""></img> 说明:一般只设置宽高中的一个另外的会自己适应
四.路径
相对路径概念:是指相对与引用文件的路径
我的理解是计算机会扫描同级目录下文件,那么同级目录只需要就写名字,向下走一级就是用 / 符号再扫描,向上走一级就用../符号再扫描
绝对路径概念:是指从盘符开始的路径
可以直接在该文件位置处复制,注意他的下一级符号用的是\与相对路径不同
网络路径概念:文件在网络中有唯一的地址
可以在网上找到该文件复制它的地址
五.链接标签
链接标签
形式: <a href="" target=" "><a/>
href指链接的地址(5种链接),target表示打开的方式(2种方式)
5种链接:
外部链接定义为:链接为别的网站
形式:http://+网站地址
内部链接定义为:链接为本网站其他的网页
形式:路径
空链接定义为:暂时不知道链接什么,但是要保留一个链接的标签
形式:#
下载链接定义为:点击下载,文件要是.exe或者.zip格式
形式:文件的路径后缀是zip或者exe格式
锚点链接定义为:点击后转移到本网页的目标标签位置
形式为:href="#目标标签的id内容"
注意他需要目标标签写入了id的属性
例如:<a href="#life"><a/>
<h3 id="life"></h3>
他就会跳转到h3这个标签处
两种打开方式:
形式为:_self 和 _blank
分别是在本页面打开和新建页面打开
六.注释标签和特殊标签
注释标签形为:<!--内容--> 快捷键为:cirl+/
特殊标签:在html中有特殊用途的符号或者有特殊规定字符不能直接写出需要字符代码表示
其中前三个比较重要,其他查阅即可
