HTML各种标签20200423

最新推荐文章于 2022-11-08 12:19:04 发布

IE吃饭

最新推荐文章于 2022-11-08 12:19:04 发布

阅读量156

点赞数

文章标签： js

本文链接：https://blog.csdn.net/luojunjie1999/article/details/105709719

版权

HTML基本结构标签

在这里插入图片描述
新建基本骨架：！+回车
vscode安装插件：open in browser，auto rename tag（自动修改标签），css peek，atom one dark（代码颜色）

固定标签
1.采用HTML5浏览器

  <!DOCTYPE html >

2.网页采用语言：en是英文，zh-CN是中文

<html lang="en">

3.文本集

  <meta charset="UTF-8">

常用标签

1.标题标签

    <h1>-<h6>//6个等级标签
    <h1>第一集标题</h1>
    <h2>第二集标题</h2>
    <h3>第三集标题</h3>
    <h4>第四集标题</h4>
    <h5>第五集标题</h5>
    <h6>第六集标题</h6>

2.段落标签和换行标签

    <p>段落标签</p>
    <br/>

文本格式化标签
在这里插入图片描述

    <strong>加粗标签1</strong>
    <b>加粗标签2</b>
    <em>倾斜标签1</em>
    <i>倾斜标签2</i>
    <del>删除线标签1</del>
    <s>删除线标签1</s>
    <ins>下划线标签1</ins>
    <u>下划线标签2</u>

盒子标签（装内容的标签）

    <div>盒子标签1，每个div占一行</div>
    <span>盒子标签2，span标签可以跨行显示</span>

图像标签
scr是文件的路径和文件名，width和height一般只设置一个，
在这里插入图片描述

    <img src="E:\images\ldh.jpg" alt="刘德华" title="刘德华" width="300" height="300" border="1">

超链接标签
在这里插入图片描述

    <a href="https://www.baidu.com" target="_blank">百度</a>

锚点链接：快速定位到某个位置。
#name是转到位置的id

    <p id="name">转到位置</p>
    <a href="#name"  >锚点链接</a>

注释标签

    <!--这是注释标签-->
    <!-- 按ctrl+/ -->

特殊字符
在这里插入图片描述

    空&nbsp;格
    小于大于号：&lt; &gt;

路径

相对路径
在这里插入图片描述

IE吃饭

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML各种标签20200423

HTML基本结构标签新建基本骨架：！+回车vscode安装插件：open in browser，auto rename tag（自动修改标签），css peek，atom one dark（代码颜色）固定标签1.采用HTML5浏览器 <!DOCTYPE html >2.网页采用语言：en是英文，zh-CN是中文<html lang="en">3.文...
复制链接

扫一扫