ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

HTML

2021-08-10 15:04:26  阅读:169  来源: 互联网

标签:网页 标签 标题 HTML nbsp Love Java


1.网页SEO

<!DOCTYPE html>
<html lang="zh">
<!-- 
        < body >、< /body>等成对的标签,分别叫做开放标签和闭合标签
        单独呈现的标签(空元素),如< hr/ >;意为用/来关闭空元素
     -->
<!-- 网页头部 -->

<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="totoroBlog,Python,软件测试">
    <meta name="description" content="totoro的博客,欢迎访问">
    <title>SEO与网页整体结构</title>
</head>
<!-- 网页主体 -->

<body>
    Hello,World!
</body>

</html>

2.基本标签

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 用做网站SEO -->
    <meta name="keywords" content="totoroBlog,Python,软件测试">
    <meta name="description" content="totoro的博客,欢迎访问">
    <title>基本标签</title>
</head>

<body>
    <!-- 标题标签 -->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <!-- 段落标签 -->
    <p>第一段落</p>
    <p>第二段落</p>
    <!-- 换行标签 -->
    <!-- 换行标签比较紧凑,段落标签有明显段落间距-->
    准备换行,这是行尾<br>新行开头<br>
    <hr>
    <!-- 水平线标签 -->
    华丽的分隔符
    <hr>
    <!--  -->
    <!-- 粗体、斜体、粗斜体 -->
    <strong>I Love You</strong>
    <em>I Love You</em>
    <strong><em>I Love You</em></strong>
    <!-- 特殊符号 -->
    <br>特殊符号:<br>
    空格:1&nbsp;2&nbsp;3&nbsp;4&nbsp;5&nbsp;<br>
    手动空格:1 2 3    4       5<br>
    大于号:&gt;<br>
    小于号:&lt;<br>
    版权符号:totoroBlog&copy;2020<br>
</body>

</html>

3.图像标签

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图像标签</title>
</head>

<body>
    <!-- 图像标签 -->
    <!--
        src:资源地址
        相对地址,绝对地址
        ../上级地址
        alt:在图片加载失败的时候,就会用文字代替
        title:鼠标悬停在图片上时,所显示的名字
        width height: 图片的高和宽
    -->
    <img src="./src/img/微信图片_20201224160900.jpg" alt="~_~

标签:网页,标签,标题,HTML,nbsp,Love,Java
来源: https://www.cnblogs.com/lexie-w/p/15123778.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有