• HTML之标签


    一、HTML 标签

    HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

     •HTML 标签是由尖括号包围的关键词,比如 <html>

     •HTML 标签通常是成对出现的,比如 <b> 和 </b>

     •标签对中的第一个标签是开始标签,第二个标签是结束标签

     •开始和结束标签也被称为开放标签和闭合标签

     •HTML 文档描述网页

     •HTML 文档包含 HTML 标签和纯文本

     •HTML 文档也被称为网页

    Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容。

    综上所述。网站是由网页构成的,网页是由HTML(网页)元素构成的。HTML元素是由HTML标签描述的。HTML标签 通常成对儿出现。开始  元素内容 结束。

    二、HTML 元素语法

     •HTML 元素以开始标签起始

     •HTML 元素以结束标签终止

     •元素的内容是开始标签与结束标签之间的内容

     •某些 HTML 元素具有空内容(empty content)

     •空元素在开始标签中进行关闭(以开始标签的结束而结束)

    三、HTML框架标签

     

     

    <body>的几个属性:bgcolor背景色 background背景图片 text文本颜色

    四、HTML基本标签

    ①格式标签
    
    <font color="#663399" face="微软雅黑" size="3">操作文字</font>
    

        <b>字体加粗</b>
        <i>倾斜</i>
        <em>倾斜</em><!--更容易搜索到-->
        <u>下划线</u><br>
        <strong>字体加粗,强调语气</strong>
        <center>居中</center>
         <br/>换行
        &nbsp; 空格
        <center>居中</center>
        <!--我是标注标签-->
      ②内容标签
      <h1>--<h6> 标题标签,其中好h1的字体最大,

      <p>段落标签</p>
        <div> 内容容器,网页布局用</div>

          <span> 内容容器,区别在与DIV默认占一行,默认用多大空间占多大空间</span>
          <ul>无序列表 里面的每一项用<li></li>
          <ol>有序列表 里面的每一项用<li></li><br />

     

      ③常用标签:
      超链接标签:<a href="http://www.baidu.com">这是一个超链接</a>
      路径问题:手写路径怎么写
       以该网页所在的位置为基础,如果找它的父级文件夹用../ 如果找它的子级文件夹用/ 直到找到图片为止

    
    

      ④  <a>标签中taget的属性:

    _parent在父页面打开
    _blank在新页面打开
    _self在自身页面打开
    _top在当前页面打开

    图片标签
    <img src="show.jpg" alt="雕金玫瑰" width="300" height="200" /> <!--高度和宽度设置一个即可,因为图片会按照比例缩放,alt是在图片无法加载时,显示的文字,还可帮助搜索引擎搜索到-->

    注:有序列表与无序列表
    1、有序列表(显示1、2、3、。。。)
    <ol type="1"><!--从1这个序号开始,type后可以填数字、字母,写几从几开始-->
    <li>路飞</li>
    <li>娜美</li> 
    <li>山治</li>
    </ol>
    2.无序列表、无序列表(每列前显示一个黑点)
    <ul>
      <li>山治</li>
      <li>路飞</li>
      <li>乌索普</li>
    </ul>
     

    五、建立锚点

    1.设置锚点,在要设置锚点的地方加一个a标签<a name="md"></a> #是本页面意思
    2.设置跳转,在要跳转的地方加一个A标签<a href="#锚点名"></a>
    3.设置跳转另一个页面,<a href="跳转页面的属性.html+#+name名"></a>
  • 相关阅读:
    css技巧---电子表体字体引入
    解决for循环,暂停3s,在执行下次循环
    node 将汉字转化为拼音
    针对CMS中的tag标签理解
    博客园上传markdown文件方法
    正则表达式匹配非某字符串的情况
    ubuntu 20.04 MySQL的workbench无法连接
    在ubuntu20.04上使用Navicat客户端
    如何提升git clone的速度
    jenkins出现故障,报错HTTP ERROR 403 No valid crumb was included in the request
  • 原文地址:https://www.cnblogs.com/franky2015/p/4675677.html
Copyright © 2020-2023  润新知