📜  从头开始 - Html (1)

📅  最后修改于: 2023-12-03 14:49:23.022000             🧑  作者: Mango

从头开始 - HTML

HTML(Hyper Text Markup Language)是一种用于创建网页和Web应用程序的标记语言。HTML使用标记来描述文本、图像和其他形式的媒体,以及如何在Web页面中排列它们、链接它们和设置样式。

HTML基础

HTML的基本构建块是元素和属性。元素是由开始标记、元素内容和结束标记组成的。属性是指定元素特性的名称和值。

例如,下面是一个包含标题的HTML文档。

<!DOCTYPE html>
<html>
<head>
	<title>我的网页</title>
</head>
<body>
	<h1>欢迎来到我的网页</h1>
	<p>这是我的第一个网页。</p>
</body>
</html>
  • <!DOCTYPE html> 声明该文档是HTML5文档。
  • <html> 元素是文档的根元素。它包含了整个页面的内容。
  • <head> 元素包含了网页的元数据,如标题、样式表和脚本。
  • <title> 元素定义文档标题,通常显示在浏览器的标签上。
  • <body> 元素包含了页面的主要内容。
  • <h1> 元素定义了一个一级标题。
  • <p> 元素定义了一个段落。
HTML标记

HTML标记用于描述文档的各个部分和元素间的关系。以下是HTML中常见的标记:

  • <h1> - <h6>:六级标题。
  • <p>:段落。
  • <a>:链接。
  • <img>:图像。
  • <ul><li>:无序列表。
  • <ol><li>:有序列表。
  • <table><tr><td>:表格。
HTML属性

元素可以拥有一个或多个属性,用于控制其行为和外观。以下是HTML中常见的属性:

  • id:元素的唯一标识符。
  • class:元素的类别,在CSS中用于设置样式。
  • href:链接的URL。
  • src:图像的URL。
  • alt:图像的替代文本,用于屏幕阅读器等辅助技术。
HTML样式

样式用于设置元素的外观和布局。样式可以通过内联样式、嵌入样式和外部样式表来应用。

以下是HTML中常见的样式:

  • color:字体颜色。
  • background-color:背景颜色。
  • font-size:字体大小。
  • text-align:文本对齐方式。
  • widthheight:元素的宽度和高度。
HTML框架

HTML框架用于在网页中创建布局和导航。使用框架,您可以将文档分割成多个区域或窗格,并在这些区域中加载不同的文档。

以下是HTML中常见的框架:

  • <frameset>:包含框架的容器。
  • <frame>:定义一个框架。
  • <noframes>:当浏览器不支持框架时显示的内容。
HTML表单

HTML表单用于收集用户输入。表单包含一个或多个输入字段,如文本框、复选框和单选按钮,以及一个提交按钮。

以下是HTML中常见的表单元素:

  • <form>:定义表单。
  • <input>:定义输入字段。
  • <textarea>:定义多行文本输入字段。
  • <select><option>:定义下拉列表和选项。
  • <button>:定义按钮。
总结

HTML是构建Web页面和应用程序的基础。了解HTML的基本元素、属性、样式和框架,可以帮助您创建出更加动态、有趣和可访问的内容。