html笔记

wangqazwsxedc

于 2020-02-24 14:44:56 发布

阅读量85

点赞数

文章标签：大数据 html5

本文链接：https://blog.csdn.net/wangqazwsxedc/article/details/104477530

版权

预备内容：软件安装

1.安装笔记工具————typroa

文件名：基本文件名。扩展名

2，截图工具安装

3，sublimes————无需安装

解压

将解压后的文件剪切到C盘

创建桌面快捷方式# HTML

一，HTML简介：

1，HTML是什么？

HTML ：hyper text markup language从外部标签语言。

各种标签组成，用来制作网页，告诉浏览器如何显示。

2，作用

制作网页，控制网页和内容的显示

插入图片，音乐，视频动画等多媒体

通过链接检索信息

使用表单获取用户数据，实现互通

3，HTML 版本

W3C：World Wide web consortium 互联网联盟，制定web技术的相关标准和规范的组织，HTML就是由W3C制定的标准

两个版本：HTML4.0.1，HTML5.0——常称h5 官网：https://www.w3school.com.cn

4，扩展名

HTML文件的扩展名是以html或htm结尾

eg:hello.html

—typoa

<head>

	<title>第一个HTML学习</title>

	<meta charset = "UTF-8">

</head>

<body>

	欢迎学习HTML网页技术！

</body>

二.HTML 文档结构

1，基本结构

1.1简介

html标签是由尖括号的关键词，如，通常标签都是成对出现的

以为根标签，包含头部和主体部分

头部提供关于网页的相关信息，如标题，文档类型，字符编码，关键字摘要信息

提供网页要显示的内容，真正显示页面中的

合理的缩进

标签区不区分大小写，但一般小写

1.2开发工具

记事本，notepad，sublime，notepad++，Dreamweaver，vscode，webstorm等

使用步骤：

1，新建文件保存指定扩展名

2，编写html代码

3.在浏览器中打开文件进行验证效果

浏览器

常见的浏览器 IE微软，chrome谷歌，firefox火狐，Safari苹果

浏览器作用：读取html文件，以网页形式显示

浏览器不会直接显示html标签，而是使用标签来解释网页的内容

2.1 标签的组成

完整html标签的组成

<标签名属性名-“属性值”>内容</标签名>

属性值要用引号引起来，一般使用双引号

2.2 标签的分类

根据标签是否关闭，分为：关闭型和非关闭型

关闭型：又开始标签，也有结束标签，一般是成对出现的

(1)标题

(2)主体

(3)

一级标题

非关闭型标签：只有开始标签，没有结束标签

(1)

(2)

(3)

跟据标签是否独占一行，分为：块级标签和行级标签

块级标签：显示为块状，独占一行

(1)

(2)

行级标签：在行内显示，可以与其他文本内容

eg:

标签的组成

</head>

<<body bgcolor ="red" text="blue">

 标签的组成

 <hr>

  html从入门到精通
  <hr>

  <h1>***的第一课</h1>
  <hr>

  <h2>二级标签</h2>

  

  <h1>哈哈</h1>呵呵

  <hr>

  

  <span>嘿嘿</span>吼吼
</body>

2.3注释

注释在浏览器中不会显示，是用来标注解释html语句，但通过查看源代码可以看到

2.4实体字符

实体字符也成为特殊字符，用于显示一些特殊符号如：<>&空格等

语法：

&实体字符的名称；

常用实体字符；

&lt； < 小于号 less than

&gt； > 大于号 great than

&nbsp；空格 space 在html中对于连续的空白字符（空格、缩进、换行等）

&amp； & 与

&quot； “ 双撇号

&copy；版权符号 copyright

&reg；注册符号 register

&time；关闭符号

注意：实体字符是严格区分大小写，即大小写敏感

2.5文档类型

在HTML文档的第一行，使用声明html文档的类型

用来告诉浏览器页面的html文档类型，简单来说，用来指定使用的html版本规范

目前基本上都是用的是html5，

wangqazwsxedc

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫