📜  html for dummy - Html (1)

📅  最后修改于: 2023-12-03 15:31:10.885000             🧑  作者: Mango

HTML for Dummies - HTML介绍

HTML是Hypertext Markup Language的缩写,它被用来定义web网页结构和内容。HTML文件被浏览器解析并呈现成web页面。本文章将介绍HTML基础知识。

HTML入门

HTML文件的基本结构包括doctype声明、html标签和head标签等。以下是基本的HTML文件结构:

<!doctype html>
<html>
  <head>
    <title>页面标题</title>
  </head>
  <body>
    <h1>页面标题</h1>
    <p>页面正文</p>
  </body>
</html>

在这个代码片段中,doctype声明告诉浏览器如何解释文档,html标签包含整个文档,head标签包含页面头部信息,body标签包含页面主体信息。

HTML标签

HTML标签是用于定义文档结构和内容的代码块。标签通常出现在一对<>符号中,如<p>表示一个段落。以下是一些常用HTML标签:

  • <h1>,<h2>,<h3>,<h4>,<h5>,<h6>: 标题标签,数字1-6表示不同级别的标题。
  • <p>: 段落标签。
  • <ul>,<ol>: 无序列表和有序列表标签。
  • <li>: 列表中的项目标签。
  • <a>: 链接标签。
  • <img>: 图片标签。
  • <div>,<span>: 块状元素和行内元素标签,用于组织和样式文字和图片等内容。
HTML属性

HTML属性是用于修改标签行为和外观的附加信息。属性定义在标签内,通过name=value的形式设置。以下是一些常用HTML属性:

  • id: 元素的唯一标识符。
  • class: 元素的样式类名,用于CSS选择器。
  • src: 图像或音频文件的位置。
  • href: 链接的URL。
  • title: 鼠标悬浮在元素上时显示的文本。
  • alt: 图像无法显示时显示的文本。
HTML注释

HTML注释是用于在HTML文档中添加注释的方法。注释的语法是<!-- 注释 -->,注释内容不会被浏览器解析。以下是一些使用注释的场景:

  • 在页面中添加注释以便对代码进行标注和阐述。
  • 在页面中排除一部分代码以便进行测试或调试。
结论

HTML是web前端开发中必不可少的技术之一。掌握HTML标签和属性,可以让你利用HTML创建出漂亮的网页,让你的网页更具吸引力和影响力。