Avatar 😎

Scott Tao

Senior iOS Developer Specializing in iOS app development since 2013. Objective-C, Swift, Swift-UI, Java, Golang, Vue-JS, Docker, Git. 🌏:Bochum, Germany.

  1. Home
  2. Archives
  3. Links
  4. Search
  5. German
  6. Me
  7. About
    1. Dark Mode

Table of contents

  1. HTML样式、链接、表格
    1. 一、样式
      1. 1、标签
      2. 2、属性
    2. 二、HTML 链接
      1. 1、链接数据
      2. 2、属性
    3. 三、HTML 表格
      1. 1、
  2. L04_HTML5列表、块和布局
    1. HTML5列表的使用
      1. 1、标签
    2. HTML块
    3. HTML布局
      1. 1、使用
        元素布局
      2. 2、使用元素布局
        Html

        HTML样式、链接、表格

        Mar 11, 2017
        1 minute read

        HTML样式、链接、表格

        一、样式

        1、标签

        <style>: 样式定义
        <link>: 资源引用
        

        2、属性

        `rel="stylesheet":外部样式表 (stylesheet只是其中之一)
        type="text/css":引入文档的类型
        margin-left: 边距`
        

        1、三种样式表插入方法

        • 外部样式表:

          <link rel="stylesheet" type="text/css" href= "mystyle.css">

        • 内部样式表:

          <style type= "text/css"> body {background-color: red} p {margin-left: 20px} </style>

        • 内联样式表:

          <p style= "color: red>

        二、HTML 链接

        1、链接数据

        • 文本链接
        • 图片链接

        2、属性

        • href属性:指向另一个文档的链接
        • name属性:创建文档内的链接

        3、img标签属性

        • alt:替换文本属性
        • width:宽
        • height:高

        三、HTML 表格

        1、

        <table>	定义表格
        <caption>	定义表格标题
        <th>		定义表格的表头
        <tr>		定义表格的行
        <td>		定义表格的单元
        <thead>	定义表格的页眉
        <tbody>	定义表格的主体
        <tfoot>	定义表格页脚
        <col>		定义表格的列属性
        
        • 1、没有边框的表格
        • 2、表格中的表头
        • 3、空单元格
        • 4、带有标题的表格
        • 5、表格内的标签
        • 6、单元格边距
        • 7、单元格间距
        • 8、表格内的背景颜色和图像
        • 9、单元格内容排列
        • 10、跨行和跨列单元格

        L04_HTML5列表、块和布局

        HTML5列表的使用

        1、标签

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

        1、无序列表

        使用标签:<ul>、<li>
        属性:	disc、circle、square
        

        2、有序列表

        使用标签:<ol>、<li>
        属性:	A、a、l、i、start
        

        3、嵌套列表

        使用标签:<ul>、<ol>、<li>
        

        4、自定义列表

        使用标签:<dl>、<dt>、<dd>
        

        HTML块

        1、HTML块元素

        快元素在显示时,通常会以新行开始
        如:<h1>、<p>、<ul>
        

        2、HTML内联元素

        内联元素通常不会以新行开始
        如:<b>、<a>、<img>
        

        3、HTML

        元素

        <div>元素也被称为块元素,其主要是组合HTML元素的容器
        

        4、HTML 元素

        <span>元素是内联元素,可作为文本的容器
        

        HTML布局

        1、使用
        元素布局

        2、使用

        元素布局
        Html
        Licensed under CC BY-NC-SA 4.0

        Related content

        JavaScript 基础教程

        3.7 CSS动画--页面特效

        3.4 CSS定位 + 3.5 + 3.6

        3.3 CSS盒子模型

        3.2 CSS基础样式讲解

        comments powered by Disqus
        © 2020 - 2025 Scott Tao
        Built with Hugo
        Theme Stack designed by Jimmy