html基础(一文读懂html常用标签)

最新推荐文章于 2024-09-12 18:02:32 发布

一城烟雨452

最新推荐文章于 2024-09-12 18:02:32 发布

阅读量868

点赞数 11

文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_65436886/article/details/137243006

版权

1.html简介

html是一种用于创建网页的标记语言。它由一系列的标签（tags）组成，这些标签定义了网页的结构和内容。HTML被用来描述网页的各种元素，比如标题、段落、图像、链接等。

小tips：html 代码可以热更新，不用重新运行，就会将页面更新到已修改后的内容，前提是要将写过的代码保存(ctrl+s)。另外，shift+alt+f 格式化代码，可以使html书写更加规范整洁。

所有的内容都有写到<html></html>中间

dcotype html	标识这个文件是html5版本
html	网页的根标签
meta	元信息 charset="UTF-8" 编码方式 name="viewport" 移动端自适应设备宽度初识不缩放 title 网页标题
head	头标签，编写页面的修饰信息
body	身体标签，用于编写页面内容，主要工作区域

div	块标签，铺满多行一个页面可以分为一个个的块，小块可以被大块包裹
h1~h6	六级标题，行级元素，有行距，铺满一行，字体加黑，大小逐级变小
p	段落，行级元素，铺满一行
span	隔离标签，行内元素，行内元素可以被包裹
br	强制换行，写时只有一个<br> 对于行级元素执行强制换行，但是内容还在一行内
hr	水平分割线，将上下内容使用线来分割，只有一个<hr>

ul	无序列表，样式和ol差不多，但序号形式不一样，内部使用多个li，左侧有内补，上下有行距
ol	有序列表，有序号，内部使用多个li，上下有行距，铺满一行，左侧有内补
li	列表项目，一般不单独出现，铺满一行
dl	自定义列表，列表的外框架
dt	自定义列表项，顶格出现
dd	自定义列表项说明，缩进出现，可以没有

表格的标签属性：在开始(table)标签对标签进行修饰

border	边框给表格设置边框，只有table、tr、th、td是不像一个表格的
cellspacing	单元格间距
cellpadding	单元格内补单元格内的内容与单元格的距离
width	宽度宽度可以设在td里，设置这一列的宽度