html初学第二课字体样式、注释和特殊符号、图像标签、链接标签、功能性标签


初学第二课)

一、字体样式标签

加粗和斜体

用<strong>和</strong>表示字体的加粗。用<em>和</em>表示字体斜体,具体应用如下所示:

<!DOCTYPE html>
<html>
     <head>
                <meta charset="ytf-8">
               <title>字体样式标签</title>
     </head>
      <body>
               <strong>徐志摩人物简介</strong>
                <p>
                 <em>1910</em>年入杭州学堂<br/>
                 <em>1918</em>年赴美国克拉学学习银行学<br/>
                 <em>1921</em>年开始创作新诗<br/>
                <em> 1922</em>年返国后在报刊上发表大量诗文<br/>
                 <em>1927</em>年参加创办新月书店<br/>
                <em> 1931</em>年由南极乘飞机到北平,飞机失事,因为遇难<br/>

                   </p>
     </body>


</html>

运行后的结果为:

字体样式标签 徐志摩人物简介

1910年入杭州学堂
1918年赴美国克拉学学习银行学
1921年开始创作新诗
1922年返国后在报刊上发表大量诗文
1927年参加创办新月书店
1931年由南极乘飞机到北平,飞机失事,因为遇难

二、注释和特殊符号

**特殊符号字符实体示例**
空格& nbsp;展示nbsp; nbsp; 空格
大于号(>)&gt;3&gt; 1
小于号(<)&lt;1&lt;3
引号(“”)&quot;W3C规范中,HTML的属性值必须用成对的&quot;引起来
版权符号(©)&copy;&copy;版权归XX所有

三、常见的图片格式

**常见格式含义**
JPG常见的截图文件图片格式
GIF常用的动态图片格式
PNG常用的图片格式
BMP常用的头像图片格式

四、图像标签

图像标签常用**<a href=“path” target=“目标窗口位置”>链接文本或图像** 来表示
具体使用如下所示

<!DOCTYPE html>
<html>
            <head>
                         <meta charset="utf-8">
                          <title>图像演示</title>
            </head>
             <body>
               <img src="./哈.jpg"/>
              </body>
</html>

运行后得到打开图片的效果如下
在这里插入图片描述

五、链接标签

链接标签的作用可以从页面位置A跳转到页面位置B,B位置可以为同页位置也可以为其他页的位置。
建立标记代码为:<a name=“marker”>B位置

建立跳转代码为:<a href="#marker">A位置

六、功能性标签

QQ、msn、电子邮件等作为发送信息使用的标签,用mailto进行处理,如下所示
<a href=“mailto:bdqnWebmaster@bdqn.cn”>联系我们

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值