我是靠谱客的博主 能干仙人掌,最近开发中收集的这篇文章主要介绍WEB网页基础一、web概述二、HTML是什么?三、HTML的元素标签总结,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

一、web概述

1.web(互联网总称)
Web即全球广域网,也称为万维网,它是一种基于超文本和HTTP 的、全球性的、动态性的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务,为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面,其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。
2.网页
网页(Web Page)是互联网上显示信息的页面,是构成网站的基本单位。

二、HTML是什么?

1.HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言: HyperText Markup Language
  • HTML 不是一种编程语言,而是一种标记语言
  • HTML 不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML 标签及文本内容
  • HTML文档也叫做 web 页面

三、HTML的元素标签

1.HTML标签

HTML 标记标签通常也被称为HTML 标签(HTML tag)。

  • HTML标签是由尖括号包围的关键词,比如html.
  • HTML标签通常是成对出现的,比如<div>和</div>.
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签。
  • 开始标签和结束标签也被称为开放标签和闭合标签。
  • 标签也分为单标签和双标签,但标签比如<img/>

2.HTML文档

HTML文档也称为网页,后缀名为.htnl或.htm。

1.HTML 文档结构标签

HTML 文档结构标签包含三队标签。

  • <html>.....</html>:限定文档的开始点和结束点,在他们之间是文档的头部和主体。
  • <head>.....</head>:用于定义文档的头部,它是所有头部元素的容器。它们中的元素可以引用脚本,指示浏览器在哪里找到样式表、提供元信息等。
  • <body>.....</body>:标识文档主题的内容。
    HTML文档格式如下:
<html>
<head>
<title>Web网页</title>
</head>
<body>
 
<h1>我的第一个标题</h1>
 
<p>我的第一个段落。</p>
 
</body>
</html>

代码显示效果如下:
在这里插入图片描述

2.文本格式标签
  • <title>.....</title>:该标签要放置在<head>.....</head>标签之间,用于显示网页的标题,在浏览器的标题栏中显示。
  • <hi>.....</hi>:标识标题文本,比如文章标题等,i 表示1、2、3、4、5、,分别标识一级~到六级标题,文本大小逐级减小。
  • <p>.....</p>:表示段落文本。
    例如:
    <p>这是一个段落</p>
2.列表标签

在HTML文档中,列表结构可以分为三中类型:无序列表、有序列表、定义列表。无须列表使用项目符号来表示,列表元素之间没有顺序之分。有序列表使用编号来表示元素列表的顺序。定义列表是一种特殊的结构,它包含词条和解释。

  • <ul>.....</ul>:无序列表的父级元素。

  • <ol>.....</ol>:有序列表的父级元素。

  • <li>.....</li>:表示列元素。

  • <dl>.....</dl>:定义列表的父级元素。

  • <dt>.....</dt>:标识词条。

  • <dd>.....</dd>:标识解释。
    代码演示如下:

<!-三种列表的使用方法-->
<ul>
	<li>面包</li>
	<li>牛奶</li>
</ul>

<ol>
	<li>油条</li>
	<li>豆浆</li>
</ol>

<dl>
	<dt>鲜花</dt>
	<dd>鲜花中包含有玫瑰、牡丹.....</dd>
</dl>

代码显示效果如下:
在这里插入图片描述

总结

提示:以上内容为Web网页基础知识点。将会继续完善它…
如果你认定苦是自己应得的,那么光必然会照耀到你身上!

最后

以上就是能干仙人掌为你收集整理的WEB网页基础一、web概述二、HTML是什么?三、HTML的元素标签总结的全部内容,希望文章能够帮你解决WEB网页基础一、web概述二、HTML是什么?三、HTML的元素标签总结所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(68)

评论列表共有 0 条评论

立即
投稿
返回
顶部