# HTML入门

HTML基础 超文本标记语言（HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

HTML-----用来描述网页的一种语言

```

<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body>

这是html的基本框架 根据需要的界面，写入相应的html css js 代码即可 文件后缀为.html 在浏览器中按f12即可调试

基础知识

  • 声明为 HTML5 文档
  • 元素是 HTML 页面的根元素
  • 元素包含了文档的元（meta）数据，如 定义网页编码格式为 utf-8。
  • </strong> 元素描述了文档的标题</li> <li><strong><body></strong> 元素包含了可见的页面内容</li> <li><strong><h1></strong> 元素定义一个大标题</li> <li><strong><p></strong> 元素定义一个段落</li> </ul> <h3 id="网页结构">网页结构</h3> <p><img src="C:%5CUsers%5C26973%5CAppData%5CRoaming%5CTypora%5Ctypora-user-images%5Cimage-20240120010006489.png" alt="image-20240120010006489" loading="lazy"></p> <h2 id="html-编辑器">HTML 编辑器</h2> <p>我使用的是vs code功能强大 最重要的是开源免费</p> <p>并且vs code中有扩展，对写代码十分友好</p> <h3 id="标签">标签</h3> <h4 id="行标签内容占满整行后再切换下一行">行标签：内容占满整行后再切换下一行</h4> <p>如 <p></p> <span></span></p> <h4 id="块标签内容独占一行">块标签：内容独占一行</h4> <p>如<div></div></p> <h3 id="常见元素定义">常见元素定义</h3> <p>标题：<h1> - <h6></p> <p>段落：<p>这是一个段落。</p></p> <p>链接：<a href="https://www.baid.com">这是一个链接</a> ------->超链接</p> <p>图片：<img src="/images/logo.png" width="258" height="39" /></p> <h3 id="属性">属性</h3> <p>可以直接在标签中设置属性 或者通过css来设计</p> <h3 id="选择器">选择器</h3> <p>通过给标签“命名”来使css为他们设计样式</p> <table> <thead> <tr> <th style="text-align:left">属性</th> <th style="text-align:left">描述</th> </tr> </thead> <tbody> <tr> <td style="text-align:left">class</td> <td style="text-align:left">为html元素定义一个或多个类名（classname）(类名从样式文件引入)</td> </tr> <tr> <td style="text-align:left">id</td> <td style="text-align:left">定义元素的唯一id</td> </tr> <tr> <td style="text-align:left">style</td> <td style="text-align:left">规定元素的行内样式（inline style）</td> </tr> <tr> <td style="text-align:left">title</td> <td style="text-align:left">描述了元素的额外信息 (作为工具条使用)</td> </tr> </tbody> </table> <h2 id="-元素"><strong><head></strong> 元素</h2> <head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。 <p>可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。</p> <h3 id="网站布局">网站布局</h3> <p>在铺一个页面时 先布局 会提高编程效率</p> <p>HTML以上就是HTML入门所必须要掌握的内容 对于专业前端来说这是最基础的 想要做出一个优秀的网站 你还需要掌握CSS JS等</p>