HTML５ + CSS +JavaScript基本标签的使用（入门_html5插入js的标签是什么-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_44812507/article/details/101756977

HTML５ + CSS +JavaScript基本标签的使用（入门）高亮为笔记内容，以下是详细代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
 <base href=".//" target="_blank" />
    <!--   "_blank"表示在新的窗口打开；"_parent"表示在父窗口或超链接引用框架的框架集中打开；"_top"表示清楚所有包含的框架将文档载入链接-->
    <style type="text/css">
        h1 {font: bold 40px/2em Arial,Verdana;}
    </style>
    <title>HTML5 基址标签</title>
</head>
<body>
<h1>文字与排版</h1>
<hr style="height: 2px;border:double;">
<p>
<h2>段落标签&lt;p&gt;</h2>
这是段落标签&lt;p&gt;
</p>
<hr style="height: 0px;border: dashed;">
<h2>对其与缩进style="text-align: center;text-indent: 0em"</h2>
<p style="text-align: justify;text-indent: 2em">
    justify 左右对齐
</p>
<p style="text-align: right;text-indent: 0em">
    right 右对齐
</p>
<p style="text-align: center;text-indent: 0em">
    center 居中对齐
</p>
<hr style="height: 0px;border: dashed;">
<h2>字形、字体与角标style="font-family:'Arial'"&lt;sup&gt;&lt;sub&gt;</h2>
<p style="font-family: '黑体'">
    这是黑体
</p>
<p style="font-family:'Arial'">
    这是Arial
</p>
<p style="text-align: center;text-indent: 2em">
    引用文献<sup>【1】</sup>
</p>
<p style="text-align: center;text-indent: 2em">
    水分子H<sub>2</sub>O
</p>
<hr style="height: 0px;border: dashed;">
<h2>项目符号和编号&lt;ul&gt;&lt;ol&gt;----&lt;li&gt;</h2>
<p>
<ul type="disc">
    <li>圆点符号列表</li>
</ul>
<ul type="circle">
    <li>空心圆符号列表</li>
</ul>
<ul type="square">
    <li>方形符号列表</li>
</ul>
<hr>
<ol type="1">
    <li>列表1</li>
    <li>列表2</li>
</ol>
<ol type="I">
    <li>列表I</li>
    <ol type="i">
        <li>列表1</li>
        <li>列表2</li>
    </ol>
    <li>列表II</li>
</ol>
<ol type="A">
    <li>列表A</li>
    <ol type="a">
        <li>列表1</li>
        <li>列表2</li>
    </ol>
    <li>列表B</li>
</ol>
</p>
<hr style="height: 0px;border: dashed;">
<h2>自定义列表&lt;dl&gt;----&lt;dt&gt;--&lt;dd&gt;</h2>
<dl>
    <dt>列表项$</dt>
    <dd>列表项的内容1</dd>
    <dd>列表项的内容2</dd>
    <dt>列表项@</dt>
    <dd>列表项的内容1</dd>
    <dd>列表项的内容2</dd>
</dl>
<hr style="height: 0px;border: dashed">
<h2>base 网页链接</h2>
<p>当前网页：2.html</p>
<p>
    链接到：<a href="1.html">1.html </a>新网页
</p>
<h2>&lt;hr&gt;分割线<br>&lt;br&gt;自动换行</h2>
</body>
</html>