zoukankan      html  css  js  c++  java
  • HTML--三种样式插入方法--链接---表格---列表

    html三种样式表插入方法
    1.外部样式表---<link rel="styleheet" type="text/css" href="mystyle.css">
    2.内部样式表:--
    <style type="text/css>
    body{background-color:red}
    p{margin-left:20px}
    </style>
    3.内联样式表:<p style="color:red">

    ---html链接
    1.链接数据:--文本链接--<a href="链接地址">点击</a>
    --图片链接---
    <a href="链接地址">
    <img src="图片的路径">
    </a>
    2.属性:href--指向另一个文档的链接
    --name--创建文档内的链接--用途:在一个页面下,页面过大,可用于点击跳转到顶部或自定义注释处
    例如:<a name="tips">我在这</a>
    <a href="#tips">跳转到指定位置</a>

    3.img标签属性:alt:替换文本属性--用途:当图片加载不出来的时候,会在框内所显示的内容
    例如:<a href="链接地址">
    <img src="图片的路径" alt="图片没有加载出来的提示">
    </a>
    ----html表格
    <table>---定义表格--<table border="1" cellpading="10">--border边框---
    ----cellpadding--单元格大小边距--
    ---cellpacing--单元格间距
    <caption>---标题--<table><caption>在最外层</caption></table>
    <th>---表头--放在tr中-<tr><th>表头一</th></tr>
    <tr>---行
    <td>---单元--可设空单元格内容---也可以写标签--<td><ul><li>标签一</li><li>标签二</li><li>标签三</li></ul></td>
    <thead>---页眉
    <tbody>---主体
    <tfoot>---页脚
    <col>---列属性

    ----html列表
    <ol>----有序列表
    <ul>---无序列表
    <li>---列表项
    <dl>---列表
    <dt>---列表项
    <dd>---描述

    <!doctype html>
    <html lang="en">
     <head>
      <meta charset="UTF-8">
      <meta name="Generator" content="EditPlus®">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <title>Document</title>
     </head>
     <body>
      <ul>
        <li>苹果</li>
        <li>苹果2</li>
        <li>苹果3</li>
      </ul>
      <ol>
        <li>苹果</li>
        <li>苹果2</li>
        <li>苹果3</li>
      </ol>
     </body>
    </html>

    ---无序列表属性---<ul type="属性">          disc--实体圆     circle---空心圆   square--方块

    ---有序列表属性----A --大写   a--小写  I  i  start--从几开始

    有序无序列表可嵌套--像目录一样下边有小节

    ------

  • 相关阅读:
    python-阿里镜像源-pip
    python-Web-django-图形验证
    markdown-博客编辑
    python-爬虫-史书典籍
    python-爬虫-requests
    python-Web-项目-svn和git
    python-Web-数据库-Redis
    Codeforces Round #617 (Div. 3) A~D
    Educational Codeforces Round 81 (Rated for Div. 2)
    Codeforces Round #609 (Div. 2) A到C题
  • 原文地址:https://www.cnblogs.com/fdxjava/p/11184962.html
Copyright © 2011-2022 走看看