首页 / 知识
HTML入门之HTML常用标签
2023-04-11 14:00:00
什么是HTML？
HTML是超文本标记语言的缩写（HyperText Markup Language），作用是利用HTML标记，告诉浏览器被标记的内容要如何摆放及内容的含义，如：<p>这是个段落元素</p>，这里，被标记的内容是“这是个段落元素”这句话，而<p></p>则是HTML的标记；当浏览器读取到这个标记时，就会知道这里的内容是一个段落文本，然后用相应的格式显示。
HTML的语法规则：
要让页面正确的显示，就必须使用正确的HTML语法和HTML元素，如：对于标题应该使用<h1>、<h2>、<h3>…等标题元素，而对于一整段的文字内容则应该使用<p>元素一个规范的页面代码有利于维护和阅读，要想知道自己的HTML代码是否规范，可以使用w3school的HTML验证工具来检查，然后根据检查结果进行调整，直至通过验证为止。
用一个实际的例子来总结以上的内容：
左边是源代码，右边是运行结果
页面通过w3school验证工具的验证。
HTML常用标签
1.<p>段落标签</p> ：用来定义网页中的一段文本，段落与段落之间换行。
属性：align ；定义段落中的文本水平方向的对齐方式。
属性值：left（左对齐）、right（右对齐）、center（居中对齐）
2.<br/> ：换行标签，指行与行之间换行，他是一个单标签。
两者的区别：
3.<h1></h1>---<h6></h6>：
<h1></h1>：代表一级标题，级别高，字体 也最大，其他依次递减。
<h6></h6>：级别最小，字体最小
属性：align ；定义标题中的文本水平方向的对齐方式。
属性值：left（左对齐）、right（右对齐）、center（居中对齐）
4.<blockquote>文字段落缩进</blockquote>：在标签中包含块级标签，而不是纯文本。
5.建立无序列表
属性：type ；定义列表项的符号。
属性值：circle（空心圆）、disc（实心圆）、square（实心方块）
6.建立有序列表
属性：type ；定义列表项的符号。 start：用来设置列表编号的起始数值。
属性值：a、A、i、I
7.建立自定义列表
8.文字特殊样式
9.<img/>图片标签
属性：
src：指定图片源文件；
alt ：图片未加载成功的提示文字；
width：指定图片的宽度；
height：指定图片的高度；
border：指定图片的边框样式；
alghr：top/bottom/middle；图片位于两端文字在垂直方向的一个上/中/下的对齐方式；
9.<a></a>：超链接
属性：
href：连接地址；空连接可以用"#"代替；
target ：_self/_blank;打开方式；_self在当前页面中打开，_blank在新的空白窗口打开。
10.div可定义文档中的分区或节（division/section）
<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。
11.<span> 标签被用来组合文档中的行内元素。
span标签和div标签是最常用的标签，主要对他们进行样式的应用来改变视觉上的变化。
12.<table></table>：表格基本结构
表格的表头<th>是<td>单元格的一种变体，实质上是一种单元格加粗和居中
table的属性：
width：表格的宽度
height：表格的高度
align：表格的对齐方式
border：表格的边框
bordercolor：边框的颜色
cellspaning：单元格之前的距离
csllpadding：单元格与内容之间的距离
bgcolor：表格的背景颜色
background：表格的背景图片
tr的属性：
height：行的高度
bordercolor：边框的颜色
bgcolor：表格的背景颜色
background：背景图片
align：文本水平对齐方式
valign：文本垂直对齐方式
tr的属性：
width：单元格的宽
height：单元格的高度
bordercolor：边框的颜色
bgcolor：背景颜色
background：表格的背景图片
align：文本水平对齐方式
valign：文本垂直对齐方式
colspan：水平合并单元格（跨列）
rowspan：垂直合并单元格（跨行）
完整的表格标记
如果使用thead、tfoot、tbody元素，就必须使用全部的元素。
13.表单 （form）输入类型
单选按钮 （checked默认）
复选按钮 （checked默认）
|
最新内容
相关内容
python如何判断一个数是素数
python如何判断一个数是素数，数字，代码，培训，质数，素数，方法，个数，自然数，不是，思路，python如何判断一个数是素数的方法：一个大于1的自然数，除
python如何比较两个字符串是否相等
python如何比较两个字符串是否相等，培训，工作，字符串，两个，下面，以上，方法，更多，内容，python在实际的开发工作中，经常会遇到要判定两个字符串
python如何确定是否为可迭代对象
python如何确定是否为可迭代对象，培训，元素，索引，对象，整数，字典，函数，类型，下标，模块，迭代可以理解为，任意的集合使用for循环遍历python中，迭
python判断一个数是否为int
python判断一个数是否为int，培训，基础，变量，类型，函数，个数，整数，以上，不是，方法，在python中如何判断一个数是不是整数?其实python有两种查看
pythonnan是什么
pythonnan是什么，培训，系统，电脑，无穷大，个数，类型，定义，操作系统，以上，表示，NaN是浮点数的一个值，代表“不是数”，通常是除0错误python中可以
python判断dict中key是否存在
python判断dict中key是否存在，培训，通用，第一，字典，方法，结果，函数，属性，做法，上面，今天来说一下如何判断字典中是否存在某个key，一般有两种通
pythonelif语句报错是什么原因
pythonelif语句报错是什么原因，培训，语句，数据，条件，程序，结果，内容，变量，使用方法，更多，python的else和elif语句也可以叫做子句，因为它们不能
pythonpython是前端语言吗?
pythonpython是前端语言吗?，代码，互动，培训，平台，标准，设计，语言，前端，语法，解释性，python语言属于后端开发语言。Python是一个高层次的结合
python判断元素是否是字符串类型
python判断元素是否是字符串类型，培训，异常，类型，实例，字符串，数据类型，对象，元素，参数，序列，isinstance()是Python中的一个内建函数语法：isin
python判断字符串是否包含中文
python判断字符串是否包含中文，培训，检测，代码，字符串，中文，字符，范围，空格，原理，以上，原理：中文字符的编码范围是：\u4e00-\u9fff只要编码在
python判断数组list是否为空
python判断数组list是否为空，培训，数组，根据，语句，长度，逻辑，后面，表示，以上，条件，判断数组为空，是一个常见用法。python–方法：根据长度判断长
python什么时候用python
python什么时候用python，标准，系统，分析，服务，网络，通信，数据，平台，培训，管理，Python作为通用的多用途编程语言，能为不同领域构建应用程序和系