html——标记语言

最新推荐文章于 2023-12-11 09:46:12 发布

疯狂减肥的叶子

最新推荐文章于 2023-12-11 09:46:12 发布

阅读量169

点赞数 1

分类专栏： web 文章标签： html 经验分享

本文链接：https://blog.csdn.net/m0_54243053/article/details/112751265

版权

web 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

html学习笔记

html——标记语言
- html基础：

html——标记语言

html基础：

语言分类：

编译语言：c Java …
特点：需要编译之后运行，有逻辑能力和行为能力
脚本语言：js …
特点：console
解释性语言，需要被解析器(浏览器等），解析有逻辑能力和行为能力
标记语言：html xml
特点：<div>1+1</div>->1+1
不具有逻辑能力和行为能力，需要浏览器理解

html简介

HTML是HyperText Markup Language(超文本标记语言)的简写，他不是一种编程语言，而是一种标记语言，用于告诉浏览器如何构造你的页面。
开发环境需要：文本编辑器，浏览器，部署服务器

html文档结构

创建html文档

html特点：
从上到下解析
容错性——宽松性
大小写不敏感
创建html文档：
创建以.html .htm 为后缀名的文件
默认文档结构：
快捷键生成：html:4t
html:5 多一个meta
创建html文件后，输入**！**
doctype声明
html: 根元素
最大父元素
head: 设置字符编码
html:5 多一个meta：设置手机端属性
title：设置标签页名称
引入第三方文件
body：在浏览器中展示的内容！——

<html lang="en">
/*Html的根元素，用来包含html文档的所有元素*/
<head>  
/*包含在头部的内容不会被显示的页面中，这里通常包含页面的编码，作者，页面的描述信息，js的导入，css的导入等信息。*/

    <meta charset="UTF-8">
    /*用来声明当前文档的编码方式为utf-8*/

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    /*用来声明当前文档的标题，标题将会出现在浏览器的选项卡中*/

</head>
<body>
    /*所有想要显示在浏览器中的元素都被包含在该元素中。*/
  </body>
</html>
在这里插入代码片

html元素

元素的组成

默认的是：开始标签元素内容结束标签 <标签名称>-----标签内都是内容-----</标签名称> 有一部分标签没有结束标签叫：单标签/空元素

<img src="" alt="">

标签不能交叉嵌套——不会报错但是错误

正确的格式
<div>
      <span></span>
  </div>
  错误的格式
  <div>
      <span>
  </div>
      </span>

元素的分类

#####块级元素

div 特点：独占一行空间，不与其他元素共享一个空间, 宽度占满整个父级元素，高度由子集元素撑起
行内元素 span 特点：可以与其他元素共享一个空间, 宽度高度由子集元素撑起，不能设置上下内外边距不能直接设置宽高
fn+12网页召唤页面

属性

属性的设置

写在标签内部
属性名属性值用等号连接`
多对属性之间用空格隔开

属性的分类

按照公有性分类

公有属性：所有标签都能设置 id：元素的唯一表述，（属性名可以重复，是值不同） class：按类表示元素，多个属性值之间空格隔开
style：设置行内样式，按照css语法设置 title ：设置提示
私有属性: 为当前标签设置

按照属性特性分类

基本属性：属性值使用字符串类型（“” ‘’)嵌套时要交叉嵌套
布尔值属性属性值只有true和false readonly=‘readonly’😕/true readonly=‘true’
readonly=true readonly

key=value 键值对 key=’key‘ key=key key=true key

语法

空白

在文档中无论多少个空格换行，浏览器解析为一个空格
保留格式的方法
pre标签：保留用户输入格式

春晓
春眠不觉晓

字符实体使用&开头使用；结尾中间写实体名称

&nbsp;——空格
 &lt;   ——< 
 &gt;  ——>
 &quot;——引号 
 &reg;——圈r 
 &copy;——圈c 
 &times;——×

注释

作用：用来提升代码的可读性，便于维护和管理
表现形式：html： 被注释掉的内容不会被浏览器解析

html——标记语言

html学习笔记

html——标记语言

html基础：

语言分类：

html简介

html文档结构

创建html文档

html元素

元素的组成

元素的分类

属性

属性的设置

属性的分类

按照公有性分类

按照属性特性分类

语法

空白

注释

标签

p：段落标签