第一天

95 阅读2分钟

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 :在当前窗口打开