html概念
- html是超文本标记语言,不是编程语言
注释概念
- 在页面中都是不可见的
- 对包着的某一块内容进行注释
- 注释之间不能嵌套
- 注释可分为单行注释和多行注释
快捷键
快速生成html模板:!+回车 !+tab
生成注释 :ctrl+?
撤销:ctrl+z
格式化文档:shift+alt+f
保存:ctrl+s
搜索:ctrl+f
标签概念
- 由尖括号包着关键词,可能是成对出现,也可能是单个
- 第一个标签叫开始标签,第二个叫结束标签(闭合标签)
- 单标签img
属性概念
- 属性分为:内置属性和自定义属性
- 属性和属性之间一定要用空格隔开
- 属性和属性之间没有先后顺序
- 属性有属性名和属性值 例如alt="名称”=号左边是属性名,右面是属性值
<img src="http:...." alt="名称">
src/alt:属性名 也叫 键 key
http:..../名称:属性值 也叫 值 value
统称键值对
html模板
<!-- 版本声明,这不是一个标签,这是一个指令 -->
<!DOCTYPE html>
<!-- 语言 en;英文 -->
<html lang="en">
<!-- html 头部,在页面中看不见 -->
<head>
<!-- html 标题 -->
<title>Document</title>
</head>
<!-- html 身体 -->
<body>
</body>
</html>
标签的关系
- 嵌套关系
div标签和span标签是嵌套关系
<div>
<span></span>
</div>
- 兄弟关系
div标签和span标签是兄弟关系
<div>
</div>
<span>
</span>
标签类型
标题标签(h1-h6)
- 标题标签:改变字体的大小和粗细
- 注意:不要因为想要粗体或大号字体去刻意使用该标签
- 一般情况下h1用在loge上,一个页面一般只使用一个h1标签,一般只使用前三个
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
h${标签内容}*6
段落标签
<p></p>段落标签
hr分割线标签
<hr>
br换行标签
<br>
超链接标签a
<a href="" target=""></a>
属性名:href
1.路径(可以是线上的,也可以是本地的)
2.#:回到顶部
3.javascritp:; 禁止跳转
4.#id名 锚点跳转(与id属性搭配使用)
属性名:target(可选):
1._blank:在新的窗口打开
2._self :在当前窗口打开