美文网首页web
HTML初级须知

HTML初级须知

作者: 鹿白_tz | 来源:发表于2019-01-15 17:31 被阅读55次

一、什么是HTML

HTML的英文全称是Hypertext Marked Language,中文叫做“超文本标记语言”。
和一般文本的不同的是,一个HTML文件不仅包含文本内容,还包含一些Tag,中文称“标记”。
一个HTML文件的后缀名是.htm或者是.html。 用文本编辑器就可以编写HTML文件。

二、如何编写HTML文件
<html> <head> <title>simple</title> </head> <body>Thisisasimple.<b>Thistextisbold</b></body> </html>

HTML元素

这个文件的第一个Tag是<html>,这个Tag是HTML文件的头。文件的最后一个Tag是</html>,表示HTML文件到此结束。
在<head>和</head>之间的内容,是Head信息。Head信息是不显示出来的
在<title>和</title>之间的内容,是这个文件的标题。
在<body>和</body>之间的信息,是正文。
在b和/b之间的文字,用粗体表示。b是bold的意思。

HTML元素属性
HTML元素可以拥有属性。属性可以扩展HTML元素的能力。

比如你可以使用一个bgcolor属性,使得页面的背景色成为绿色,就像这样:

<body bgcolor="green">
属性通常由属性名和值成对出现,就像这样:name="value"
属性值一般用双引号标记起来。属性通常是附加给HTML的Opening Tag

三、基础HTML tag
段落划分
在HTML里用<p>和</p>划分段落。
<p>This is a paragraph</p><p>This is another paragraph</p>

换行

通过使用 这个Tag,可以在不新建段落的情况下换行。
没有Closing Tag。

HTML注释
注释可以写在``之间。
居中的正文标题
这个示例告诉你如何将正文标题居中显示。

<html> <body> <h1 align="center">这是标题</h1> <p>上面的标题是居中显示的。</p> </body> </html>

加条横线
这个示例演示了如何在HTML文中加条横线。

<html> <body> <p>用hr这个Tag可以在HTML文件里加一条横线</p>
<p>hello</p>
<p>helloworld</p>
<p>helloworldhello</p> </body> </html>

背景颜色
这个示例演示如何改变HTML文件的背景色。
<html><body bgcolor="yellow"><h2>看,这个页面是黄色的</h2></body></html>

常见的Tag格式.png

相关文章

  • HTML初级须知

    一、什么是HTML HTML的英文全称是Hypertext Marked Language,中文叫做“超文本标记语...

  • html初级

    2018-3-13 搭建http-sever本地开发环境 1.安装http-server-------在命令行中输...

  • html初级

    1 html 结构 1. 称为根标签,所有的网页标签都在中。 2. 标签用于定义文档的头部,它是所有头部元素...

  • HTML 初级入门

    一个简单的html的结构 1. 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎...

  • html初级总结

    段落 换行 删除线 斜体 下划线 加粗 添加属性 块元素,布局,换行 内联元素,布局,不换行 添加图片,并且图片不...

  • vsCode 前端插件推荐

    1、HTMLSnippets (提示初级的H5代码片段); 2、HTML CSS Support (让 html ...

  • 须知的问题

    须知的问题 http://www.xuzhi.net/d210/11673610.html http://www....

  • MapKit展示地图

    MapKit框架使用(初级) 导入框架 导入主头文件 MapKit框架须知 1.MapKit框架数据类型的前缀都是...

  • 小白应该怎么学习前端?2018年web前端的发展路线!

    初级前端 主要学习三个部分:HTML,CSS,JavaScrip (1)html + css部分 这部分特别简单,...

  • html初级篇(一)——了解html

    html 英文的全称:hyperText markup language!!!(超文本标记语言) web打交道最...

网友评论

    本文标题:HTML初级须知

    本文链接:https://www.haomeiwen.com/subject/sugydqtx.html