zoukankan      html  css  js  c++  java
  • HTML基本格式和文本元素(标签)介绍

    <!doctype html>//声明文档类型

    <html lang="zh-cn">//文档开始,后面是声明是中文页面的意思,en是英语的意思

    <head>

          <meta charset="utf-8">//代码类型声明

          <title>网页标签名</title>

    </head>

    <body>//可见区域开始

    </body>//可见区域结束

    </html>//文档结束

    <zimu>中带一些字母表示标签的意思。标签分为单标签(例如meta是声明代码类型)和双标签(例如head)

    在html5中注释,光标移到那一行,CTRL+?就可以,在操作一次就是取消注释

    1.b元素,<b>我会变粗</b>  

    将上面的代码放在body里,网页中会显示我会变粗

    2.strong元素和b元素实际表现出的效果是一样的都是加粗,但是strong和b的语义是不同的,strong是表示重要的文字,b仅仅是加粗文本中的关键字

    3.<br>换行 单标签

    4.<wbr>安全换行,单标签,安全换行所在的位置不一定执行换行的动作,当我们把浏览器的尺寸变窄的时候,一个很长的一行的内容就不会全部显示出来,加了<wbr>表示用户在变窄浏览器到这个位置的时候,这个位置可以执行换行.

    5.<i>我会倾斜</i>

    6.<em>我也会倾斜,但我被强调了</em>

    7.<s>带删除线的文字</s>

    8.<del>强调的戴删除的文字</del>

    9.<u>带下划线</u>

    10.<ins>强调带下划线</n>

    11.<small>比默认字体小一号的字体</small>

    12.<sub>下标</sub>

    13.<sup>下标</sup>

    14.<code>计算机代码片断</code>

    <var>编程中的变量</var>

    <samp>程序或计算机的输出</samp>

    <kdb>用户的输入</kdb>

    以上都属于英文范畴,必须将lang="en"才有作用

    15.<addr>语义上表示一段文本的缩写,没有实际作用</addr>

    16.<dfn>表示定义术语,表现上看就是倾斜</dfn>  

    17.<q>加双引号,语义上表示引用其它地方的内容</q>

    18.<cite>实际作用是倾斜,语义上表示引用其它作品的标题</cite>

    19.

  • 相关阅读:
    SCOM 初探 [SCOM应用系列之一]
    SCOM 安装部署 [SCOM应用系列之二]
    CMMI 配置管理(Configuration Management)系列(1) 简介
    设计模式总结之创建型设计模式
    tabbar图片渲染的问题
    react实现自定义hooks(节流和防抖)
    前端工程化5js源码编译和ast
    react实现自定义hooks(跑马灯)
    react实现自定义hooks(倒计时)
    react实现自定义hooks(移动端拖拽)
  • 原文地址:https://www.cnblogs.com/ma77045728/p/7279290.html
Copyright © 2011-2022 走看看