探索HTML的基本结构和使用方法
HTML,全称为超文本标记语言(Hyper Text Markup Language),是用于创建网页的标准标记语言,HTML 不是一种编程语言,而是一种标记语言,是一套标记标签。
HTML使用标记标签来描述网页。 HTML标签分为两类: 容器级标签和空标签,HTML文档包含了HTML元素,HTML元素由开始标签、结束标签以及它们之间的内容组成。
HTML文档始终以<!DOCTYPE html>声明开始,此声明位于文档中的最顶部,处于 <html> 标签之前,它是告诉浏览器这个文档应该使用哪个版本的HTML来解析和显示。
HTML文档结构包括:
1、<!DOCTYPE html> 声明该文件是html5文档
2、<html> 标签是整个html的根节点
3、<head> 标签之间是头部信息,元信息等
4、<title> 标签之间是网页标题
5、<body> 标签之间是网页的主体部分,这里可以添加各种HTML元素,比如段落、链接、图片、列表、表格等等。
6、<meta charset="UTF-8"> 用来设置字符编码
7、<link rel="stylesheet" type="text/css" href="mystyle.css"> 用来链接外部样式表
8、<script type="text/javascript" src="myscripts.js"></script> 用来链接外部脚本文件
9、<h1> - <h6> 标签定义 HTML 文档中的 heading。<h1> 定义最大的 heading。<h6> 定义最小的 heading。
10、<p> 标签定义段落。
11、<a> 标签定义超链接,用于从一张页面链接到另一张页面。
12、<img> 标签定义图像,src属性指定了图像的路径和文件名,alt属性提供了图像无法显示时的替代文本。
13、<ul> 标签定义无序列表,<li> 定义列表项目。
14、<ol> 标签定义有序列表,<li> 定义列表项目。
15、<table> 标签定义 HTML 表格,<tr> 定义表格行,<td> 定义表格单元。
16、<form> 标签用于为用户输入创建 HTML 表单。
17、<input> 标签用于收集用户输入,type属性定义输入字段的类型,name属性定义输入字段的名称,value属性定义输入字段的默认值。
18、<button> 标签定义可点击按钮,type属性定义按钮类型,value属性定义按钮显示的文本,onclick属性定义当用户点击按钮时发生什么。
19、<label> 标签为 input 元素定义标注(标记),for属性规定 label 与哪个 input 元素相关联。
20、<div> 是一个块级元素,常用于组合其他HTML元素,也用于样式化布局。
21、<span> 是一个内联元素,主要用于对文档中的行内元素进行组合。
22、<noscript> 标签可用于在浏览器不支持 JavaScript 的情况下向用户显示一些消息。
23、<header>、<nav>、<footer>、<article>、<section>、<aside>等新元素用于更好的语义化和结构化内容。
HTML的基本结构虽然简单,但是通过各种HTML元素的灵活运用,可以创建出复杂丰富的网页内容。
还没有评论,来说两句吧...