网页的基本标签

14 篇文章 0 订阅
2 篇文章 0 订阅

目录

一、标题标签

二、段落标签p、换行标签br、水平线标签hr、strong让字体加粗和em让字体倾斜

三、注释和特殊符号

四、图像标签img

五、超链接a

1.同页面跳转

2.不同页面跳转


一、标题标签

(<h1>最大<h6>最小)

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

二、段落标签p、换行标签br、水平线标签hr、strong让字体加粗和em让字体倾斜

<p>
君不见黄河之水天上来,奔流到海不复回。<p>君不见高堂明镜悲白发,朝如青丝暮成雪。</p><hr>人生得意须尽欢,莫使金樽空对月。<br />天生我材必有用,千金散尽还复来。<br /><em>烹羊宰牛且为乐,会须一饮三百杯。<br />岑夫子,丹丘生,将进酒,君莫停。</em><br />与君歌一曲,请君为我侧耳听。<br />钟鼓馔玉何足贵,但愿长醉不复醒。<br /><strong>古来圣贤皆寂寞,惟有饮者留其名。<br />陈王昔时宴平乐,斗酒十千恣欢谑。</strong><br />主人何为言少钱,径须沽取对君酌。<br />五花马,千金裘,呼儿将出换美酒,与尔同销万古愁。
</p>

三、注释和特殊符号

(注释是为了方便阅读和调试代码,字符实体都以“&”开头“;”结尾)

<!-- 注释内容 不会显示在网页中-->

特殊符号:

特殊符号字符实体
空格

&nbsp;

大于号(>)

&gt;

小于号(<)

&lt;

引号(")

&quot;

注册商标(®)

&reg;

版权商标(©)

&copy;

Trade mark商业标记(™)

&trade;

<p>
            空&nbsp;&nbsp;&nbsp;&nbsp;格<br/>
            大于号(>)&gt;<br/>
            小于号(<)&lt;<br/>
            引号(")&quot;<br/>
            注册商标(®)&reg;<br/>
            版权商标(©)&copy;<br/>
            Trade mark商业标记(™)&trade;<br/>
</p>

四、图像标签img

图像格式分为JPG格式、GIF格式、BMP格式和PNG格式。

<img src="图片路径" alt="图像的替代文字(图片无法显示时)" title="鼠标悬停提示文字" width="图片宽度" height="图片高度">

五、超链接a

<a href="链接地址" target="目标窗口位置">链接文本或图像</a>
<!-- href:链接地址的路径  target:指定链接在哪个窗口打开,一般用_self(自身窗口)和_blank(新建窗口) -->

锚链接

1.同页面跳转

<p><a name="apple">现在位置bbb</a></p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
<p><a href="#apple">当前的位置aaa</a></p>
<!-- 点击aaa之后到bbb位置(同页面跳转) -->

2.不同页面跳转

页面A代码

<p><a href="bbb.html#yemian">页面AAA</a></p>
<!-- 点击之后跳转页面B -->

页面B代码

<p><a name="yemian">页面BBB</a></p>

超链接伪类:

名称含义示例
a:link未点击时的样式a:link{color:#000};
a:visited点击之后的样式a:visited{color:#496};
a:hover鼠标悬浮的样式a:hover{color:#308};
a:active鼠标点击未释放的样式a:active{color:#822};

设置顺序为:a:link\rightarrowa:visited\rightarrowa:hover\rightarrowa:active

以上代码的示例图:

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

是九二呀

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值