html简介
时间:2019-03-18
本文章向大家介绍html简介,主要包括html简介使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
1、什么是html
- HTML是用来制作网页的标记语言
- HTML是Hypertext Markup Language的英文缩写,即超文本标记语言
- 在html中,虽然有文本,但是这些文本需要使用html语言中的标记来标识。
- 当被html中的标记标识之后的文本,它就超出了我们所理解的简单文档范畴。
- 不再是一个普通的文本。而这些文本可以被浏览器进行识别,并且以不同的形式展示在浏览器上。
- HTML语言是一种标记语言,不需要编译,直接由浏览器执行
- HTML文件是一个文本文件,包含了一些HTML元素,标签等.HTML文件必须使用html或htm为文件名后缀
- HTML是对大小写不敏感的,HTML与html是一样的;但是我们一般规定:书写时一律小写
- HTML是由W3C组织的维护的
2、html文件的书写规范
任何的语言书写的源码代码都有自己的书写规范。
html规范:
约定: 所有的html代码都需要保存在html 标签中
格式:
Html可以分为三个部分:
1.html标签:html文件的所以代码都要在html标签中。
2.head标签:head标签中的内容不会浏览器的窗体中显示。Title标签是网页的标题名称。
3.body标签:body标签中的代码才会显示在浏览器的窗体中。
注意:在html中不区分大小写。但是建议一律小写.
3、html标签介绍
- 通常要用两个角括号括起来:“<”和“>”。
- 标签都是闭合的(两种格式:双标签(成对)与 单标签(不成对)
双标签:<标签名>标签名称</标签名> 如:<table></table> 分结束标签和开始标签
单标签:<标签名/> 如:<br/> <hr/>
注意:由于html是一种弱势语言,所以如果单标签不写 / 一般也不会报错,但如果放在某些规定比较严格的浏览器上运行,可能会出现问题,所以,建议还是按照规范的格式写代码
- 标签是大小写无关的,<body>跟<BODY>表示意思是一样的,标准推荐使用小写,这样符合XHTML标准
标签的属性:
- 格式:<标签名 属性名1="属性值" 属性名2="属性值" ... 属性名>书写内容</标签名>
- HTML属性一般都出现在HTML标签中, 是HTML标签的一部分。
- 标签可以有属性,它包含了额外的信息.属性的值一定要在双/单引号中。
- 标签可以拥有多个属性。
- 属性由属性名和值成对出现。
- 示例:
<!-- 定义一个百度的超链接 -->
<a href="http://www.baidu.con">百度</a>
<!-- 定义一张图片,并设置图片的宽度和高度-->
<img src="images/baby.jpg" width="80px" height="50px"/>
当我们把html源代码书写完成之后,需要交给浏览器解析运行。这时浏览器会启动html语言的解析引擎,然后解析当前的html文件,
在解析的过程中,浏览器遇到不同的标签,然后根据具体的属性数据的值确定以什么方式在页面上显示当前标签中的数据。
- Otter-入门篇2(Manager安装配置)
- Java的字符串常量相关的一个问题
- [喵咪Liunx(3)]端口转发工具rinetd
- 基于PhalApi的Smarty拓展
- PhalGo-参数验证过滤
- [喵咪Redis]Redis配置文件和主从设置
- [喵咪Redis]Redis-Sentinel
- [喵咪Redis]Redis安装与介绍
- [喵咪Liunx(4)Monit进程监控
- 【第四期】GC专题
- ML中相似性度量和距离的计算&Python实现
- ASP.NET MVC Model元数据及其定制: Model元数据的定制
- 小白也可以操作的手机TensorFlow教程:Android版和iOS版
- PhalApi-PHPExcel基于PhalApi的PHPExcel拓展
- HTML 教程
- HTML 简介
- html div 标签介绍
- html span 标签介绍
- html a 超链接标签
- HTML Br换行标签介绍
- HTML P段落标签介绍
- HTML br与p标签区别
- Html H 标题标签
- html px em pt长度单位
- HTML form 标签
- HTML radio 单选框
- HTML B 加粗标签
- HTML strong加粗粗体标签
- HTML em 强调标签
- HTML i 斜体标签
- HTML u下划线标签
- HTML s 删除线标签
- Html img 图片标签
- Html上标注sup与下标注sub标签
- HTML nobr 禁止换行标签
- HTML hr 水平线标签
- HTML label 标签
- HTML input 标签
- HTML textarea 标签
- HTML select下拉列表标签
- HTML checkbox 多选框
- HTML font color 标签
- HTML iframe 框架标签
- HTML Table 表格
- HTML dl dt dd 标签
- HTML ol li有序列表标签
- HTML ul li 无序列表标签
- HTML 注释
- CSS 教程
- CSS 简介
- CSS 语法
- CSS Id 和 Class选择器
- CSS 样式的创建
- CSS background 背景介绍
- CSS 文本样式
- CSS font 字体
- CSS A 链接
- CSS ul ol列表样式
- CSS TABLE 样式
- CSS 框模型
- CSS border 边框
- CSS Outlines 轮廓
- CSS 外边距 Margin
- CSS Padding 内边距
- CSS 分组和嵌套选择器
- CSS 尺寸 (Dimension)
- CSS Display 属性
- CSS Position 定位
- CSS Float 浮动
- CSS 水平对齐(Horizontal Align)
- CSS 组合选择符
- CSS 伪类
- CSS 伪元素
- CSS 导航栏
- CSS 下拉菜单
- CSS 图片廊
- CSS 图像透明/不透明
- CSS sprite 图像拼合技术
- CSS 媒体类型
- CSS 属性选择器
- CSS 实例
- iOS逆向开发(7):微信伪装他人
- 因为喜欢所以升级,MyStaging-3.0 继续
- 环境与工具篇:建立高效的macos环境
- 0202年你还不知道面向对象?
- 十问泛型,你能扛住吗?
- 【两万字】面试官:听说你精通集合源码,接我二十个问题!
- 手把手教你搭建一个技术人的博客
- 发布更新|腾讯云 Serverless 产品动态 20200723
- Spring中异步注解@Async的使用、原理及使用时可能导致的问题
- Elasticsearch 聚合数据结果不精确,怎么破?
- Elasticsearch 预处理没有奇技淫巧,请先用好这一招!
- 时滞微分方程的matlab解法
- Zabbix Monitoring Logstash
- Join()和 List()的 6 种化学反应
- lettuce和hbase中对netty的使用你都了解吗?