博客列表 >前端入门基础标签

前端入门基础标签

wen。
wen。原创
2020年12月12日 20:29:35622浏览

HTML基础入门标签

HTML是一个超文本标签语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言
HTML运行在浏览器中,并且由浏览器中解析,使得我们是不会看到代码的源码标签

HTML标题

HTML的标签由<h1>~<h6>标签来定义的,实例如下:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <mate charest="utf-8" />
  5. <meta name="keywords" content="" />
  6. <title>HTML标签</title>
  7. </head>
  8. <body>
  9. <h1>这是一个标题</h1>
  10. <h2>这是一个标题</h2>
  11. <h3>这是一个标题</h3>
  12. </body>
  13. </html>

HTML段落

HTML 段落是通过标签 <p> 来定义的,实例如下:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <mate charest="utf-8" />
  5. <meta name="keywords" content="" />
  6. <title>HTML标签</title>
  7. </head>
  8. <body>
  9. <p>这是一个段落。</p>
  10. <p>这是另外一个段落。</p>
  11. </body>
  12. </html>

HTML 链接

HTML 链接是通过标签 <a> 来定义的,实例如下:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <mate charest="utf-8" />
  5. <meta name="keywords" content="" />
  6. <title>HTML标签</title>
  7. </head>
  8. <body>
  9. <a href="https://www.baidu.com">这是一个链接</a>
  10. </body>
  11. </html>

<a>标签需要在href 属性中指定链接的地址,<a>除了可以用来跳转,还可以进行锚点跳转,只需要在<a>标签里加入id即可实现锚点跳转

HTML 图像

HTML 图像是通过标签 <img> 来定义的

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <mate charest="utf-8" />
  5. <meta name="keywords" content="" />
  6. <title>HTML标签</title>
  7. </head>
  8. <body>
  9. <img loading="lazy" src="/images/logo.png" width="258" height="39" />
  10. </body>
  11. </html>

后续

今天的课程知识点就在这,后续复习列表,表格和表单会在后面作业中深入探究

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议