html5 01 随记

时间:2021-01-09 13:18:03

一  HTML 是一种制作网站的标记语言

二、HTML基本语法

  1. HTML 标签

html标签是html中的最基本单位 也是最重要的部分

通常使用尖角号 开始”<”和结束”>”

标签分为两种(成对出现 和不成 对出现)

双标签:(成对)<标签名>内容</标签名>

例如:<body></body><html></html>

单标签:(不成对):<标签名/>或者<标签名>

例如:<meta/><br/>

标签是不区分大小写的<body>和<BODY>是一样的 推荐使用小写

html标签和属性都不区分大小写

2. HTML标签属性

Html属性有一般出现在HTML开始标签中 是html标签的一部分

标签中有属性包含着一些额外信息 属性值一定是要使用双引号””

标签中可以有多个属性

属性的组成: 属性名=”属性值”

语法格式:

单属性

<标签名 属性名=”属性值”></标签名>

<标签名 属性名=”属性值” />

多属性

<标签名 属性名=”属性值” 属性名=”属性值” 属性名=”属性值”></标签名>

<标签名 属性名=”属性值”  属性名=”属性值” 属性名=”属性值”/>

3.HTML代码格式

任何的空格和回车在代码中不起任何作用

用于排版

4. HTML 中的颜色设置

a)      全是英文: red green yellow white blue black pink purple.....

b)      使用六位的十六进制的数

#000000 - #ffffff

请书写颜色值的时候带上#号

5. HTML注释 和 文档声明

注释的特点

A.注释不会显示在浏览器上

B.对代码的注解

C.注释有利于团队开发

D.注释是用于快速恢复记忆

E.注释不能嵌套

文档声明

<!DOCTYPE html >

6主题结构

html5 01 随记

7 实体(特殊字符)

&lt; <

&gt; >

&nbsp; 空格

&copy;©

&yen; ¥

&quot; ‘’

8. HEAD 头部分元素

Title ---  代表html文档的标题

Meta --- 代表用于定义文件信息的名称和内容

Link --- 当在文档中声明外部资源的时候使用此标签

Style--- 在文档中使用样式表的时候

Script --- 在文档中使用JavaScript的时候

Base  将相对地址转换为绝对地址

<!-- 将相对路径 转换为绝对路径 -->

<base href="http://www.baidu.com">

相对路径

./css.css

按照你当前位置的内容开始算

例如:我在101直播间

./ 当前位置

../ 上级目录

绝对路径

从头找到尾

例如:地球中国北京昌平回龙观育荣教育园区 oto直播间 101室

http://www.baidu.com

9. 格式标签

① <br/> 换行标签

② <hr/> 水平分割线标签

③ <p></p> 段落标签

④ <pre></pre> 按原格式显示标签

⑤ <li></li> 每个列表标签

⑥ <ul></ul> 无序列表

⑦ <ol></ol> 有序列表

10.文本标签

  1. <hn></hn> 标题字标签  n为1-6的数字 表示定义6级标题 而且会自动换行
  2. <i></i>  斜体字标签
  3. <u></u> 下划线标签
  4. <b></b> 字体加粗标签
  5. <sub></sub> 下标字体标签
  6. <sup></sup>  上标字体标签
  7. <em></em> 表示强调 通常为 斜体字
  8. <strong></strong> 表示强调 通常为粗体字
  9. <small></small> 小型字体标签
  10. <big></big>  大型字体标签
  11. <tt></tt> 打字机字体