`

HTML 总结

阅读更多
<html>
    <head>
        <title>Greeting content</title>
    </head>
    <body>
        <p>Hi !</p>
        <p>Nice to meet you</p>
    </body>
</html>

【简介】HTML不是一种编程语言,而是标记语言。标记语言是一套标记标签,html使用标记标签来描述网页 。

【解析】HTML代表Hyper Text Markup Language(超文本标记语言)。 超文本是指它是一种支持网页之间的超链接的文本。 标记是指我们将一份文件用代码标记组织起来,然后告诉某个东西(在这种情况下,浏览器中) 如何解释网页。

【作用】HTML 是一种简单的代码,由 Web 浏览器解释,为用户显示一个网页。

  (实例):浏览器解释"Greeting content"为网页的标题。解释了 <title> Greeting content </title> 并将其放置到浏览器(也用于书签等等)的标题栏中

【类型】:创建一个模板是指创建一个模板文件

【构成】:HTML 代码是由 标记构成的,每一个都是由 < >开始和结束。

【格式化】:html文本格式化就是添加样式给字体和段落,可以将html代码进行排版,这样看起来层次分明。

                                                            [元素构成]

HTML 页面分为head 和 body,元素可以嵌套

head是一个包含有关文档且未显示在屏幕上的信息元素,告诉浏览器这个页面的配置。

body是包含 web 页中所有显示的元素,告诉它实际什么在页面上。

<p>元素:定义了文档段落;

<body>元素:定义了文档主体;

<html>元素:定义了整个html文档;

注释:<!-->定义注释

换行/插入单个折行:<br />可以在不产生一个新段落的情况下进行换行

                                                              [标签]

【段落】html段落是通过<p>标签定义

【标题】html标题(Heading)是通过 <h1> - <h6> 等标签进行定义

【链接】html 链接是通过 <a> 标签进行定义,<a> 标签的 href 属性用于指定超链接目标的 URL

【图片】html 图像是通过 <img> 标签进行定义,图像的名称和尺寸是以属性的形式提供的

【模板标签】

<h1>a heading</h1> -为你最重要的标题

<h2>a sub-heading</h2> 为下一层级的标题

<h3>a sub-sub-heading</h3> ...直到 <h6>

<em>text</em> 强调您的文本

<strong>text</strong> 强烈强调您的文本

<br /> 跳转到下一行(你不能放任何东西在br里面)

<a href="https://djangogirls.org">link</a> 创建一个链接(link链接)

<ul><li>first item</li><li>second item</li></ul> 产生一个列表

<div></div> 定义页面上的一个段

【标签】html标签是由尖括号包围的关键词,比如 <html>,且是成对存在。第一个是开始标签,第二个是结束标签。

 

【html文档】html文档包含 html标签和纯文本,html文档也被称为网页。

Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容。

<body> 与 </body> 之间的文本是可见的页面内容;

<h1> 与 </h1> 之间的文本被显示为标题;

<p> 与 </p> 之间的文本被显示为段落

html文本格式化就是添加样式给字体和段落,可以将html代码进行排版,这样看起来层次分明。

 

                         

注释:<a> 标签的href属性用于指定超链接目标的URL。如果用户选择了 <a> 标签中的内容,那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档,或者执行 JavaScript 表达式、方法和函数的列表。

 

 

分享到:
评论

相关推荐

    html总结.xmind

    自己总结的html的笔记,绘制了详细的思维导图,每个思维导图中均有详细的博文解释,方便大家学习和理解,免费分享给大家。适合网页前端的爱好者和学习者

    HTML 总结(已完).docx

    "HTML基础知识总结" HTML是超文本标记语言(Hyper Text Markup Language),是一种标记语言,而不是编程语言。HTML使用标记标签来描述网页,标签的简称为HTML标签。HTML是一种解释型语言,由浏览器解释执行。 HTML...

    html总结思维导图包含xmind文件

    这份"html总结思维导图"资源包含了多个版本,旨在帮助学习者全面理解和掌握HTML的关键概念。以下是根据提供的信息,对HTML知识点的详细解读: 1. **HTML基本结构**:每个HTML文档都由&lt;!DOCTYPE&gt;声明开始,表明文档...

    HTML总结思维导图,HTML总结思维导图

    HTML总结思维导图,HTML总结思维导图

    HTML总结.xmind

    HTML总结.xmind

    HTML总结思维图HTML

    HTML总结思维图,总结这四天我们学过的知识

    html总结-网页基础知识

    html总结 网页基础知识 HTML文件结构 网页属性 字体 HTML颜色 阅读 段落等等

    HTML精心总结

    根据w3c的HTML学习精心总结 w3c的HTML总结 HTML学习资源

    html总结文档

    html常用标签总结,包含各种表单标签 1.表单:&lt;form&gt;&lt;/form&gt; 主要属性:id name action method 2.input元素: 主要属性:name type value class type: text submit button radio checkbox hidden...

    html总结.

    html总结.

    HTML总结Xmind思维导图

    内容非原创,但为纯手打的Xmind资源,学习过程中还是不要偷懒,亲自手打一遍印象比较深刻

    前端html总结.html

    1:jquery可以加载多个ready函数,而原始的js只能加载一次onload 2 2:用dom对象得到的对象不能使用jquery中的方法,比如var p=document.getElementById("id"),此时p不能这样使用p.html(),而应该使用innerHTML。...

    HTML相关知识简单总结记录

    ...头部包含元信息,如字符编码、样式表链接和脚本引用;主体则是网页的主要内容区域;...元素可以是空元素,如,无需...通过阅读"HTML总结"这份资料,你可以系统地学习和回顾HTML的关键概念,进一步提升自己的前端技能。

    HTML 知识点总结

    HTML 知识点总结 HTML 知识点总结 HTML 知识点总结 HTML 知识点总结

    HTML学习总结(6)

    HTML学习总结HTML学习总结HTML学习总结HTML学习总结HTML学习总结HTML学习总结HTML学习总结HTML学习总结HTML学习总结

    HTML总结(培训资料整理)

    培训时,自己整理装在手机里看的,适合初学者

    html课程总结,accphtml课程总结。

    在“html课程总结,accphtml课程总结”的主题下,我们可以深入探讨HTML的基本结构、元素、属性以及它在Web开发中的作用。 HTML由一系列的元素组成,这些元素通过标签来定义。每个HTML标签都由尖括号包围,如`&lt;html&gt;...

    HTML5学习心得总结(推荐)

    以下是对HTML5学习心得的总结: 首先,HTML(HyperText Markup Language)超文本标记语言,是一种用于创建网页和网络应用的标准标记语言。HTML不是编程语言,而是一种标记语言,用来描述网页的内容和结构。HTML通过...

    HTML常用标签总结

    经过一段时间的学习,对于HTML也有了基础的认识。所以我就一点点的总结一下各类常用的标签的用法。

Global site tag (gtag.js) - Google Analytics