HTML标签

最新推荐文章于 2023-04-22 01:03:27 发布

卋舉

最新推荐文章于 2023-04-22 01:03:27 发布

阅读量4.5k

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/W_SJ_SY/article/details/120586854

版权

本文介绍了HTML中的一些基本标签，如p、h1到h6用于文本格式，span和mark作为行内元素，以及如何插入图片并调整样式。还提到了图片格式的选择，如.gif、.jpg、.png、.svg和.webp，并展示了如何设置图片的alt属性。此外，还讲解了如何使用live-server创建本地服务器进行页面预览。

摘要由CSDN通过智能技术生成

标签:
p 段落标签,有换行效果; h1~h6 标题标签; span 行内标签; mark 标记标签; &nbsp 空格; br 换行;
img 图片标签 < img src=“images/j.jpg” alt=“街道” > alt 提醒,用于推广
.gif(支持画布透明) .jpg(清晰度最高) .png(支持画布透明)
.svg(支持画布透明) .webp

style=“text-align:center” 样式居中

安装node; cmd控制台输入:npm install live-server -g
启动服务器: live-server 更改端口: live-server --port=80

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Title</title>
    <meta name="Keywords" content="关键字">
    <meta name="description" content="简介">
</head>
<body>

<!-- p 段落标签 有换行效果
     h1~h6 标题标签
     span 行内标签
     mark 标记标签
     &nbsp 空格
     br 换行
     img 图片  <img src="images/j.jpg" alt="街道"> alt 提醒,用于推广
     .gif(支持画布透明) .jpg(清晰度最高) .png(支持画布透明) :位图格式
     .svg(支持画布透明) .webp

     安装 node服务器
     cmd控制台安装:npm install live-server -g
     启动服务器: live-server
     更改端口: live-server --port=80
 -->

<p>段落标签,有换行效果</p>

<!-- span 行内标签 -->
<span>hello</span>

<!-- style="text-align: center" 样式居中 -->
<h1 style="text-align: center">标题标签</h1>
<h2>标题标签</h2>
<h3>标题标签</h3>