一些HTML标记

一些HTML标记

目录

定义：所谓标记就是放在"< >"标记符中表示某个功能的编码命令。也可以叫做 HTML标签 或 HTML标记。

-单标记：

语法格式：<标记名/>

例如： 水平直线标记

-双标记

语法格式：<标记名>内容 </标记名>

例如：标题标记

第一级标题

-标记的属性

  1. 不定义属性值则使用属性默认值
  2. 标记名与属性，属性与属性之间应该用空格分开
  3. 属性之间不分先后顺序
<标记名 属性1 ="属性值1" 属性2="属性值2" ...>内容</标记名>

例如：

标题文本

注释标记

<!--注释语句-->

注释快捷键:

  1. ctrl +/
  2. alt+shift+a
  3. ctrl+k+c
  4. ctrl+k+u(取消注释）

标题标记

<hn align ="对齐方式">标题文本</hn>

align有这几个属性值，1.left（设置标题文字左对齐，也作为默认值）。2.center（居中对齐）。3.right（右对齐）

<h1>
    一级标题
</h1>

<h2>
    二级标题
</h2>

标题只有六级，一级标题最大且只能用一次，所以一般从二级标题开始使用

段落标记

<p align = "对齐文本"></p>

<p>
    这就是文本！
</p>

< div > 标记

<diy>

</diy>
  1. div意为division，分割，区域
  2. 是一个容器，用于网页的布局和规划
  3. div中还可以嵌套多层div

水平线标记

<hr 属性 = "属性值"/>

标记常用的属性名有align、size、color、width。

图像标记

<img src="图像URL"/>

该语法中src属性用于指定图像文件的路径和文件名，它是标记的必需属性。

属性 属性值 描述
src URL 图像的路径
alt 文本 图像不能显示时的替换文本
title 文本 鼠标悬停时的显示内容
width 像素 设置图像的宽度
height 像素 设置图像的高度
border 数字 设置图像边框的宽度
vspace 像素 设置图像的顶部和底部的空白（垂直边距）
hspace 像素 设置图像的左侧和右侧的空白（水平边距）
align left 将图像对齐到左边
align right 将图像对齐到右边
align top 将图像的顶端和文本的第一行文字对齐，蒂塔文字居图像下方
align middle 将图像的水平中线和文本的第一行文字对齐，蒂塔文字居图像下方
align bottom 将图像的底部和文本的第一行文字对齐，蒂塔文字居图像下方

font标记

用来控制网页中文本的字体、字号和颜色。

<front  属性 ="属性值" >文本内容</front>

​ 标记的常用属性

属性名 含义
face 设置文字的字体，例如微软雅黑、黑体、宋体等
size 设置文字的大小，可以取1到7之间的整数值
color 设置文字的颜色

文本格式化标记

标记 显示效果
233和233 粗体
233和233 斜体
233和233 删除线
233和233 下划线

posted @ 2021-03-26 23:07  梅七  阅读(512)  评论(0)    收藏  举报