HTML ———介绍

最新推荐文章于 2024-07-25 11:52:08 发布
最新推荐文章于 2024-07-25 11:52:08 发布
阅读量133 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sumuqi/article/details/104497306
版权

HTML ,

一、HTML 简介
1.HTML是什么

HTML : Hyper Text Markup Language超文本标记（标签）语言

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

2.作用
  • 制作网页 ，控制网页和内容的显示
  • 插入图片 、音乐 、视频 、动画等多媒体
  • 通过链接检索信息
  • 使用表单获取用户的数据 ，实现交互
3.版本

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

有两个版本 ：HTML 4.0.1 和 HTML 5.0-----统称H5

官网 ：https://www.w3cschool.com.cn

4.扩展名

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

eg：hello.html

二、HTML文档的结构

1.基本结构
1.1 简介
  • html标签是由尖括号括住的关键词，如，通常标签都是成对出现的。
  • 以为根标签 ，包含头部和主题部分
  • 头部提供关于网页的相关信息 ， 如标题 、文档类型 、字符编码 、关键词等摘要信息
  • 主体部分提供网页要显示的内容 ，真正显示页面中的
  • 合理的缩进
  • 标签名不区分大小写 ，但一般用小写
1.2 开发工具

记事本 notepad，sublime，notepad++ ，Dreamweaver，VScode，Webstorm等

使用步骤：

1.新建文件（ctrl+N），然后保存（ctrl+N），指定扩展名 .html

2.编写html代码

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

1.3 浏览器
  • 常见的浏览器IE微软，chrome谷歌，Firefox火狐，safari苹果
  • 浏览器的作用 ：读取html文件，并以网页的形式进行显示
  • 浏览器不会直接显示html标签 ，而是使用标签来解释网页的内容
2.标签
2.1标签的组成

一个完整的html标签的组成：

<标签名 属性名="属性值">内容</标签名>

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

2.2标签的分类

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

  • 关闭型：有开始标签，也有结束标签，一般是成对出现的
1  <title>标题</title>
2  <body>主体</body>
3  <h1>一级标题</h1>

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

1   <!--注释内容--->
2.4实体字符

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

语法：

&实体字符的名称;

常用实体字符；

，使用声明html文档的类型

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

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

三，常用标签

1.基本标签

标签含义说明
br换行标签非关闭性标签
p段落标签关闭性标签，块状标签，前后的段落之间有明显的距离
h1.h2…h6标题标签按照h1到h6逐渐表小，块级标签，并且文本会加粗显示
pre预格式化标签保留编码时的格式
div分区标签常用作容器来使用，一般用于页面布局划分，块级标签
span范围标签默认情况没有任何效果，一般用来设置行类的格式
ol、li有序列表有顺序的项目列表
ul、li无序列表无顺序的项目列表
dl、dt、dd定义列表对术语、图片进行描述和定义的列表
hr水平线标签非关闭性标签，块级标签

1.1有序列表

ol：ordered list

li：list item

默认情况下，使用阿拉伯数字，从1开始标记，可以通过属性进行修改

  • type属性：是设置列表片前的符号标记，取值，数字1（默认）；字母a或A，罗马数字i或I
  • start属性：是设置起始值，值必须是一个数字

1.2无序列表

ul：unordered list

li：list item

默认使用时为 实心圆作为服务好标记，可以通过属性进行修改

  • type属性：是设置列表片前的符号标记，取值，disc实心圆（默认）、circle空心圆、square正方形、none不显示符号

1.3定义列表

dl：definition list

dt：definition title

dd：definition description

1.4水平线标签

hr：horizontal

常用的属性：

  • color颜色

两种写法：

    • 第一种
      • 颜色名称：如 red、green、blue、white、pink、orange等
      • 16进制的RGB：Red Green Blue 用法：#RRBGGBB 每种颜色的取值范围0-255，转换为16进制00-FF
      • eg：如何去写？： #FF0000 红色、#00FF00 绿色、#0000FF 蓝色、#000000 黑色、#FFFFFF 白色、#CCCCCC 灰色、#FF7300 橙色
    • 第二种
      • size：粗细、数值
      • width：宽度

有两种写法：

​ 像素：绝对值（固定值）

orange等
- 16进制的RGB：Red Green Blue 用法：#RRBGGBB 每种颜色的取值范围0-255，转换为16进制00-FF
- eg：如何去写？： #FF0000 红色、#00FF00 绿色、#0000FF 蓝色、#000000 黑色、#FFFFFF 白色、#CCCCCC 灰色、#FF7300 橙色

    • 第二种
      • size：粗细、数值
      • width：宽度

有两种写法：

​ 像素：绝对值（固定值）

​ 百分比：相对值，相对于该标签所在的父容器的宽度的百分比

sumuqi
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML 插入图片基本命令
sumuqi的博客
02-29 2801
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <img src="../image/qq.jpg" alt="图片加载失败..." t...
HTML如何表自动求和,sum汇总求和公式 格式设置为常规就可以了
weixin_42494902的博客
05-31 1449
excelCSS布局HTML小编今天和大家分享和公式excel 的sumCSS布局HTML小编今天和大家分享和公式在excel中大家都知道，第5列是E列，CSS布局HTML小编今天和大家分享和公式为=SUM(E:E)，那么我要CSS布局HTML小编今天和大家分享第5=SUM(INDIRECT(ADDRESS(1,50,1,1)&":"&ADDRESS(65536,50,1,1)))...
html中数组函数用法,SUM函数用法
weixin_34776645的博客
07-06 804
一、如图，已知每月销售清单，求累计销售额。选择C2单元格录入公式＝SUM(B$2:B2)，拖动往下填充。二、对区域求值，如果区域中有文本，将被忽略，只计算数值。＝SUM(E2:J7)三、对有错误值的列求和先了解一下IFERROR函数，说白了 ， 就是可以将错误值显示成你想显示的任何形式。=IFERROR(错误值,显示值)如上图所示 ， 既然这样 ， 可以先通过将错误值显示成0，然后再汇总。虽然这样...
HTML介绍
Qzzzz88的博客
03-01 752
一、HTML简介 1、HTML是什么？ HTML：hyper text markup language 超文本标记(标签)语言 有各种标签组成，用来制作网页，告诉浏览器该如何显示页面 2、作用 制作网页，控制网页和内容的显示 插入图片、音乐、视频、动画等多媒体 通过连接来检索信息 使用表单获取用户的信息，实现交互 3,、版本 W3C:world wide web consortium万维网联盟，...
制作一个简单HTML个人网页网页——人物介绍梵高（HTML+CSS）
08-10
HTML5期末考核大作业源码 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞 蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、游戏、 节日、 戒烟、 电影、 ...
HTML5 Canvas——用路径描画线条实例介绍
01-21
原文： http://www.lifelaf.com/blog/?p=371 本文翻译自Steve Fulton & Jeff Fulton HTML5 Canvas, Chapter 2, “Using Paths to Create Lines” 对于HTML5 Canvas，我们可以使用“路径”来描画任何图形。路径，...
从入门到精通HTML5——PDF——网盘链接
02-27
　2.7 实例演练——创建基本的HTML网页 38 　2.8 小结 39 　2.9 习题 40 　第3章 设计网页文本内容 41 　教学录像：29分钟 　3.1 标题文字的建立 42 　3.1.1 标题文字标记<h> 42 　3.1.2 标题文字的对齐方式...
HTML基础知识——设置超链接的样式简单实例
09-28
本篇将详细介绍如何设置HTML超链接的样式，并提供一个简单的实例。 超链接的四个不同状态： 1. `a:link`：表示未访问的链接状态。当用户还未点击过该链接时，链接呈现的状态。 2. `a:visited`：表示已访问过的链接...
一个简单的HTML网页——传统节日春节网页(HTML+CSS)
08-10
HTML5期末考核大作业源码 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞 蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、游戏、 节日、 戒烟、 电影、 ...
HTML的基本标签
sumuqi的博客
02-29 97
三，常用标签 1.基本标签 标签 含义 说明 br 换行标签 非关闭性标签 p 段落标签 关闭性标签，块状标签，前后的段落之间有明显的距离 h1.h2…h6 标题标签 按照h1到h6逐渐表小，块级标签，并且文本会加粗显示 pre 预格式化标签 保留编码时的格式 div 分区标签 常用作容器来使用，一般用于页面布局划分，块级标签 span 范围标签 默认情况没有任...
html输入公式得到混合运算结果,使用SUM函数在同一工作表中求和比较简1
weixin_34717586的博客
06-05 357
使用SUM函数在同一工作表中求和比较简单，如果需要对不同工作表的多个区域进行求和，可以采用以下方法：选中Excel XP“插入函数”对话框中的函数，“确定”后打开“函数参数”对话框。切换至第一个工作表，鼠标单击“number1”框后选中需要求和的区域。如果同一工作表中的其他区域需要参与计算，可以单击“number2”框，再次选中工作表中要计算的其他区域。上述操作完成后切换至第二个工作表，重复上述操...
js 数组求和.html
weixin_42193179的博客
03-03 696
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>eval</title> </head> <body> <script> var arr=[1, 2, 3]...
基于 HTML+ECharts 实现的大数据可视化平台模板（含源码）
柯晓楠
07-24 3328
大数据的可视化对于企业决策、市场分析和业务洞察至关重要。通过直观的数据展示，团队可以快速理解复杂的数据模式，发现潜在的业务机会。本文将详细介绍如何利用 HTML 和 ECharts 实现一个功能丰富的大数据可视化平台模板。
【HTML】iframe
小秀的博客
07-24 350
标签是 HTML 中的⼀个元素，⽤于在当前 HTML ⽂档中嵌⼊另⼀个 HTML ⽂档。它可以在⼀个 HTML ⻚⾯中嵌⼊另⼀个 HTML ⻚⾯或其他类型的⽂档，⽐如 PDF ⽂件或视频⽂件。其中 src 属性指定要嵌⼊的⽂档的 URL，可以是⼀个 HTML ⻚⾯、⼀个 PDF ⽂件或⼀个视频⽂件等等。通过设置 width 和 height 属性可以指定。
iframe 渲染请求到的 html (邮件预览), 避免样式污染 + 打印 iframe 邮件详情 + iframe 预览邮件时固定水平滚动条在视口底部
最新发布
汤一飞
07-25 1020
iframe 预览邮件 + 打印邮件 + 模拟滚动条
初识HTML文件，创建自己的第一个网页！
2301_79959126的博客
07-24 933
本文旨在初步介绍HTML（超文本标记语言），帮助读者理解HTML中的相关术语及概念，并使读者在完成本文的阅读后可以快速上手编写一个属于自己的简易网页。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值