zoukankan      html  css  js  c++  java
  • HTML其他标签

    1、target属性

      _blank:在新窗口中打开被链接文档

      _top:在整个窗口中打开被链接文档

      _parent:在父窗口中打开被链接文档

      _self:在相同的框架中打开被链接文档,默认

    2、id属性

      <a id="tips">有用的提示部分</a>  在HTML文档中创建一个链接到有用的提示部分(id="tips")

      <a href="#tips">访问有用的提示部分</a>  或者,从另一个页面创建一个链接到"有用的提示部分(id="tips")

      <a href="https://www.runoob.com/html/html-links.html#tips">访问有用的提示部分</a>

    3、HTML头部元素

      <head>  定义了文档的信息

      <title>  定义了文档的标题

      <base>  定义页面链接标签的默认链接地址

      <link>  定义了一个文档和外部资源的关系

      <meta>  定义了HTML文档中的元数据

      <script>  定义了客户端的脚本文件

      <style>  定义了HTML文档的样式文件

    4、HTML样式-CSS

      1)背景颜色

        <body style="background-color:yellow;">          背景黄色

        <h2 style="background-color:read;") >这是一个标题</h2>   标题红色 

        <p style="background-color:green;">这是一个段落。</p>    段落绿色

      2)字体、字体大小、颜色

        我们可以使用font-family(字体),color(颜色),和font-size(字体大小)属性来定义字体的样式

        案例:

          <h1 style="font-family:verdana;">一个标题</h1>    标题字体为 verdana

          <p style="font-family:arial;color:red;font-size:20px;">一个段落</p>  段落字体为arial  颜色为红色,大小为20

      3)文本对齐方式

        使用 text-align(文字对齐)属性指定文本的水平与垂直对齐方式

        案例:

          <h1 style="text-align:center;">这个一个标题</h1>

          <p>这是一个段落</p>

      4)图像

        <image href="图片网址.jpg alt="打不开时提示这个"  style="float:left" width="宽" height="高">  图片显示在左边浮动  若为right则是右边浮动  none则不浮动

        实例:<image border=0 src="https://www.runoob.com/images/log.png"  alt="菜鸟教程" width="258" height="39"/>  border=0则是无边框

         

     5、HTML表格

        表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

        

     

    运行结果:

        

     

       说明:

        th:表示表头

        td:表示单元格表数据

        tr:表示表格行

     

  • 相关阅读:
    分布式文件系统--FastDFS以及Nginx
    正则
    交互式多媒体图书平台的设计与实现
    安装opencv
    基于VsCode的java语言编程调试环境
    码农的自我修养之必备技能 学习笔记
    工程化编程实战callback接口学习笔记
    'java.lang.String' to required type 'javax.sql.DataSource' for property 'dataSource'
    如何评测一个软件工程师的计算机网络知识水平与网络编程技能水平?
    深入理解TCP协议及其源代码
  • 原文地址:https://www.cnblogs.com/xwxxh/p/12746506.html
Copyright © 2011-2022 走看看