0
点赞
收藏
分享

微信扫一扫

浅谈html

岁月不饶人老不正经 2022-05-03 阅读 122

HTML是什么?

HTML,全称“Hyper Text Markup Language(超文本标记语言)”,是一门描述性语言,是一门非常容易入门的语言,简单来说,网页就是用HTML语言制作的。

HTML基本结构

html由文档声明和html文档组成

文档声明:告诉浏览器我们使用的是那个版本的html,方便浏览器解析文档。

html文档:程序员在html标签内部编写代码,包括head标签和body标签,head标签中存放一些元信息,不会在网页中呈现,body标签中的代码,会在网页中实现。

HTML标签

1、标签的编写规则

  1. html标签是以尖括号包围关键字呈现的。
  2. 标签一般是成对出现的,尖括号内没有斜线为开始标签,有斜线为结束标签。
  3. html不区分大小写,建议小写。
  4. 要重视标签的语义化

2、常用标签

2.1、head内部的常用标签

head中的常用标签
标签描述

/* */

style内部的注释标签
<!--  -->

style外部的注释标签

<meta>

定义元素可提供的有关页面的元信息
<title></title>定义文档标题,其内容全部当做文本处理
<link>定义文档与外部资源的关系
<style></style>

定义文档的样式信息

2.2、body内部的常用标签

body中的常用块级元素
标签描述

<div></div>

块级盒子标签

<p></p>

段落标签

<hr>

水平线标签

<ol><li></li></ol>

有序列表+列表项

<ul><li></li></ul>

无序列表 + 列表项

<dl><dt><dd></dd></dt></dl>

定义列表 + 列表组 + 列表项

body中的常用行内元素
标签描述

<em></em>

<i></i>

斜体内容标签

<strong></strong>

<b></b>

强调内容标签,加粗

<q></q>

短引用标签,给内容加双引号

<del></del>

删除线标签,给内容加删除线

<a href=""></a>

a标签,一般用来放超链接,地址放在href中

<span></span>

行内盒子标签

body中的行内块元素
标签描述

<img>

图片标签

2.3、元素之间的转化 

  • 将元素转换为块级元素:display:block;
  • 将元素转换为行内元素:display:inline;
  • 将元素转换为行内块元素:display:inline-block;
举报

相关推荐

0 条评论