html概述和基本结构

html概述和基本结构
52jyhcc
52jyhcc
318
阅读
0
评论
2021年11月02日17:16:40 0 318

HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为html或者htm,一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用文本的方式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件渲染成网页,显示的网页可以从一个网页链接跳转到另外一个网页。

HTML的基本结构

<html> <!--文档声明 -->

    <head>        <!--标签里面负责对网页进行一些设置以及定义标题,设置包括定义网页的编码格式,外链css样式文件和javascript文件   --> 

        <meta charset="UTF-8">

        <title>网页标题</title>

    </head>

    <body><!--编写网页上显示的内容-->

          网页显示内容

    </body>

</html>

HTML文档类型

目前常用的两种文档类型是xhtml 1.0和html5

两者区别

1.文档声明和编码声明

2.html5新增了标签元素以及元素属性

html注释:

<!-- 这是一段注释  -->

html标题标签:

        <h1>这是一级标题</h1>

        <h2>这是二级标题</h2>

        <h3>这是三级标题</h3>

<html> <!--文档声明 -->

    <head>        <!--标签里面负责对网页进行一些设置以及定义标题,设置包括定义网页的编码格式,外链css样式文件和javascript文件   --> 

        <meta charset="UTF-8">

        <title>网页标题</title>

    </head>

    <body><!--编写网页上显示的内容-->

        <h1>这是一级标题</h1>

<h2>这是二级标题</h2>

<h3>这是三级标题</h3>

    </body>

</html>

html段落标签、换行标签与字符实体

1.段落标签 

<p>标签定义一个文本段落,一个段落含有默认的上下间距,段落之间会用这种默认间距隔开

<html> <!--文档声明 -->

    <head>        <!--标签里面负责对网页进行一些设置以及定义标题,设置包括定义网页的编码格式,外链css样式文件和javascript文件   --> 

        <meta charset="UTF-8">

        <title>网页标题</title>

    </head>

    <body><!--编写网页上显示的内容-->

        <h1>这是一级标题</h1>

<h2>这是二级标题</h2>

<h3>这是三级标题</h3>

        <p>HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,</p>

 <p>这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为html或者htm,一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用文本的方式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件渲染成网页,显示的网页可以从一个网页链接跳转到另外一个网页</p>

    </body>

</html>

2.换行标签

<br/>

<p>HTML是 HyperText Mark-up Language 的首字母简写,<br/>意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,</p>

3.实体字符

空格实体字符

&nbsp;

实例 

<!--  在段落前想缩进两个文字的空格,使用空格的字符实体:&nbsp;   -->

<p>

&nbsp;&nbsp;HTML是 HyperText Mark-up Language 的首字母简写,<br/>意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,</p>

“<”与“>”实体字符

<!-- “<” 和 “>” 的字符实体为 &lt; 和 &gt;  -->

<p>

    3 &lt; 5 <br>

    10 &gt; 5

</p>

打赏 点赞(0)
weinxin
微信客服
问题+文章链接地址,发送到此微信:tourism52咨询处理。
历史上的今天
01月
29
网站用户 菜鸟教程

网站用户

您的用户所使用的硬件和软件各不相同。 最重要的事情是了解您的受众(用户)。 他们使用什么显示器? 请记住,在 web 上并非所有用户都使用与您相同的显示器。如果您针对 1024x7...
php,能做,什么 菜鸟教程

PHP 能做什么?

PHP 能做什么?PHP 能做任何事。PHP 主要是用于服务端的脚本程序,因此可以用 PHP 来完成任何其它的 CGI 程序能够完成的工作,例如收集表单数据,生成动态网页,或者发送...
如何,避免,出现,sql,注入,漏洞 菜鸟教程

如何避免出现SQL注入漏洞

一  前言本文将针对开发过程中依旧经常出现的SQL编码缺陷,讲解其背后原理及形成原因。并以几个常见漏洞存在形式,提醒技术同学注意相关问题。最后会根据原理,提供解决或缓解方...
ASP.NET,Web,Pages-,帮助,器,ASP.NET,Web,Pages-,帮助,器, 菜鸟教程

ASP.NET Web Pages-帮助器

ASP.NET Web Pages-帮助器 Web 帮助器大大简化了 Web 开发和常见的编程任务。 ASP.NET 帮助器 ASP.NET 帮助器是通过几行简单的 Razor 代...

评论列表 共有 0 条评论

暂无评论