前端学习--HTML入门第一天

核能气质少年 提交于 2020-01-26 22:12:07

 

目录

HTML的基本概念

什么是HTML

什么是HTML标签(HTML TAG)

网页

第一个HTML文档

用记事本编写第一个HTML文件

编写HTML文件

文件的保存

web解释

可能遇到的问题

HTML常用标签

标题

段落

图像

链接


HTML的基本概念

 

什么是HTML

HTML是超文本标记语言(Hyper Text Markup Language),用来描述网页。

  1. 不是C,C++之类的编程语言,而是一种标记语言
  2. 标记语言是一套标记标签
  3. HTML利用标记标签来描述网页

 

什么是HTML标签(HTML TAG)

  1. 用<>括号括起来的关键字
  2. 一般是成对出现的,标签对中第一个标签称为开始标签,第二个标签称为结束标签

 

网页

网页==HTML文档,包含HTML标签和纯文本

网页的开发步骤

  1. 编写HTML文档
  2. 使用WEB浏览器打开HTML文档
  3. WEB浏览器读取 HTML 文档,并以网页的形式显示出它们。
  4. 浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容

 

第一个HTML文档

<html>

<body>

<h1>Header 标题</h1>

<p>段落</p>

</body>

</html>
  1. <html> 与 </html> 之间的文本描述网页
  2. <body> 与 </body> 之间的文本是可见的页面内容
  3. <h1> 与 </h1> 之间的文本被显示为标题
  4. <p> 与 </p> 之间的文本被显示为段落

 

用记事本编写第一个HTML文件

 

编写HTML文件

打开记事本,输入如图:

 

文件的保存

另存为.html或者.htm

 

web解释

直接找到保存的文件,双击即可。

 

可能遇到的问题

  • 选择的浏览器打不开html文件

         解决方法:使用支持html文件的浏览器

  • 如果纯文本是中文,网页出现乱码,则采用以下网址的方法

         http://www.divcss5.com/html/h546.shtml

 

HTML常用标签

 

标题

<html>
<body>
<h1>THIS IS H1</h1>
<h2>THIS IS H2</h2>
<h3>THIS IS H3</h3>
<p>this is article</p>
</body>
</html>

通过关键字对<h1>到<h6>设置第?级标题

 

段落

<html>
<body>
<h1>THIS IS H1</h1>
<p>this is article01</p>
<p>this is article02</p>
<p>this is article03</p>
</body>
</html>

通过关键字对<p>

 

图像

<html>
<body>

<img src="D:\1.PNG" width="600" height="120" />

</body>
</html>

 

公式:

<img src="输入文件的路径“ width="宽度" height="高度" />

红色为可改的部分

 

链接

<html>
<body>
<a href="http://baidu.com">
BAIDU LINK</a>
</body>
</html>

双击打开网址:

公式:

<a href="输入网址">
输入显示的文本</a>

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!