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

目录

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>

发布了2 篇原创文章 · 获赞 4 · 访问量 91

猜你喜欢

转载自blog.csdn.net/qq_42736179/article/details/104089202