HTML５ + CSS +JavaScript基本标签的使用（入门

最新推荐文章于 2024-05-08 07:23:40 发布

奋斗的小小ц

最新推荐文章于 2024-05-08 07:23:40 发布

阅读量221

点赞数

分类专栏： HTML 文章标签： html css javascript 基本标签

本文链接：https://blog.csdn.net/qq_44812507/article/details/101756977

版权

HTML 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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>

在这里插入图片描述

以上是代码实现的网页内容

奋斗的小小ц

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML５ + CSS +JavaScript基本标签的使用（入门

HTML５ + CSS +JavaScript基本标签的使用（入门）高亮为笔记内容，以下是详细代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <base href=".//" target="_blank" /> <!-- "_...
复制链接

扫一扫