HTML基础（一篇就够了）

ABC_123
238 阅读3分钟

什么是 HTML？

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

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言，而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词，比如
  • HTML 标签通常是成对出现的，比如 和
  • 标签对中的第一个标签是开始标签，第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签

HTML 文档 = 网页

  • HTML 文档描述网页
  • HTML 文档包含 HTML 标签和纯文本
  • HTML 文档也被称为网页

Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：


Html是超文本标记语言（英语：Htyper Text Markup Language），它是一个页面的主体。编辑时文档后缀要改成.html或者htm可以运行。

 

**代码编辑器**有很多：[vscode](https://code.visualstudio.com/)（个人喜欢这个）[HBuilder](https://www.dcloud.io/hbuilderx.html)（可以编辑uniapp）等等。

 

![]() 

<!DOCTYPE  html>声明为HTML5文档

<head>元素包含了文档的（meta）数据，如<meta charset=”utf-8”>

<title>定义文档的标题

<body>定义可见的元素内容

键盘和右键单击页面的检查可以查看后台（很常用）

![]() 

**标签：分为单标签（<x/>）和双标签成对出现<x></x>**

标题：标题标签从大到小，此元素为块级元素。

<h1></h1>

<h2></h2>

<h3></h3>

<h4></h4>

<h5></h5>

<h6></h6>

超链接：里面可以填一个网址，行内元素。也可填写本地文件的路径

<a href=”https://www.baidu.com”>点击跳转百度</a>

图片标签:该标签是一个单标签，图片路径分为绝对路径和相对路径两种。里面可以定义图片的宽高，单定义一个单位时另一个单位默认一样为正方形。

<img  src=”/iamge/login.png” width=”100px” >

![]() 

 

段落标签:

<p></p>写文本用的多一些。

换行标签：

<br/> 用于换行

文本修饰符：

<b>加粗</b>  <i>斜体</i>  <sub>下标</sub>  <sup>上标</sup>  <u>下划线</u>

输入框：输入框有很多属性。[输入框属性](https://www.runoob.com/tags/tag-input.html)

<input/>

盒子：[常规属性](https://www.cnblogs.com/crazylight/archive/2012/05/13/2498120.html)

<div></div>

表格：[属性](https://blog.csdn.net/qq_40831381/article/details/90293574)

<table></table>

音频:

<audio src= “”></audio>

视频：

<video src=””></video>

列表：分为有序列表和无序列表

<ul>无序</ul>

<ol>有序</ol>

表单:[属性](https://blog.csdn.net/weixin_50367873/article/details/116230471)

<from></from>

按钮：[属性](https://www.w3school.com.cn/tags/tag_button.asp)

<button></button>

文本居中:

<center></center>

下拉列表：表单元素

<select><option>选项</option> </select>

**表单元素：******

输入框 密码框 单选按钮 复选框 按钮 重置按钮 提交按钮 隐藏域 上传域 图片按钮

下拉列表 lable 禁用与已读 textArea 定义域

常用的元素就这些，当然还有很多。

**元素分类：******

块级元素：特点--独占一行，不能与其他元素并列。能接受宽高，如果不是设置宽度，那么宽度将默认键位父级的100%。

元素有：

Div h1-h6 ul li dt dd from table

行内元素：与其他元素并排，不能设置宽高

元素有：a img span i em sub sup

行内块：拥有内在尺寸 可设置宽高 并不会自动换行

Button input img

**行块转换：******

**Display:inline(变成行)******

**Display:block（变成块）******

里面网址有些是别的博主的如有冒犯请告之，晚辈立马删除！

avatar
文章
阅读
粉丝