CSS: Cascading Style Sheeet   层叠样式表  cascadig:瀑布

  • html:网页的结构
  • css:网页的外观
  • JavaScript：网页的动作

CSS的使用方式：

  • 内联样式：在HTML元素中使用style属性
  • 内联样式表：在HTML文档头部<head>区域使用<style>元素来包含CSS
  • 外部样式（最好方式）：使用外部CSS文件（link标签引入）

HTML图像标签：

常用属性：

  • src: 文件路径
  • alt: 浏览器无法载入图像时显示的信息。
  • hight,width：宽，高
  • border：图像边框
  • align：对齐方式

html表格：

标签：

  • th:table head 表格头，加粗
  • tr: table row 表格行
  • td: table data cell 单元格，一行有几个表格
  • caption：标题（在新版本已经弃用）

属性：

  • border（属性）：边框
  • width，hight：宽、高
  • bgcolor：背景颜色
  • background：背景图像，需要提供url
  • bordercolor：边框颜色
  • cellpadding:单元格的边框和内容之间的距离. pad 填充，护垫
  • cellspacing:表格的单元格之间的距离
  • colspan:合并列
  • rowspan:合并行

HTML列表：

  • ol:定义有序列表
  • ul:电仪无序列表
  • li:定义列表列项

HTML区块：

  • 通常使用div和span标签将元素组合起来
  • 大多数HTML元素被定义为块级元素或者内联元素
  • 块级元素在浏览器显示时，通常会以新行来开始，如h1,p,ul,table标签
  • div和span本身皆没有特定的含义，区别是div单独占一行，而多个span之间并不会自动换行

HTML表单：

  • 表单form是一个包含表单元素的区域
  • 表单元素允许用户输入内容，如：文本域textarea、下拉列表select、单选框radio、复选框checkboxes等等

HTML框架：

  • <iframe>标签规定一个内联框架，可以在当前HTML文档中嵌入另一个文档
  • 通过使用框架可以在同一个浏览器窗口中显示 不止一个页面
  • <iframe src="URL"></iframe>  url执行不同的网页

常用属性：

  • height，width：宽高
  • frameborder:定义iframe是否显示边框，当frameborder为0，移除边框
  • class,id,style,title

HTMLframeset标签：(H5不支持)

<html>

  <head></head>

  <frameset border="2" frameborder="1" framespacing="2" rows="20%,*">

      <frame src="title.html" noresize scrolling="no">

      <frameset border="4" frameborder="1" framespacing="4" cols="30%,*">

          <frame src="menu.html" scrolling="auto" noresize>

          <frame src="content.html" scrolling="yes" noresize>

      </frameset>

  </frameset>

</html>
  • frameset:建立框架的标记，将在其中定义各个框架
  • frame src: 指示框架显示内容url地址
  • frameborder-设置边框， 0值表示没有边框
  • border- 修改边框的粗细（由Netscape浏览器使用）
  • framespacing- 修改边框的粗细（由Internet Explorer浏览器使用）
  • name属性命名每个框架
  • noresize不允许用户更改其尺寸
  • scrolling用于设置滚动条是否显示

HTML颜色：

  • HTML采用RGB颜色，通过对红绿蓝三个颜色通道的变化以及他们相互之间的叠加来得到各式各样的额颜色
  • 每个颜色的最小值是0(#00),最大值是255(#FF)，16进制，一共有1600万种颜色
  • 颜色名：141个颜色名称是在HTML和CSS颜色规范中定义
  • 17标准颜色：黑色，蓝色，水，紫红色，灰色，绿色，石灰，栗色，海军，橄榄，橙，紫，红，白，银，蓝绿色，黄色
  • 颜色值：#000或#000000或rgb(0,0,0),范围00~FF

4 htmlCSS&图像&表格&列表&表单&框架&颜色的更多相关文章

  1. Unit01： Web概述 、 HTML概述 、 文本处理 、 图像和超链接 、 表格 、 表单

    Unit01: Web概述 . HTML概述 . 文本处理 . 图像和超链接 . 表格 . 表单 demo1.html <!-- 声明网页的版本(文档类型) --> <!doctyp ...

  2. 框架，表格，表单元素，css基础以及基本标签的结合

    <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo ...

  3. WEB入门二 表格和表单

    学习内容 Ø        表格的作用和制作 Ø        表单的制作 能力目标 Ø        掌握表格的创建 Ø        掌握设置表格的常用属性: Ø        理解表单的作用 Ø ...

  4. HTML&CSS精选笔记_表格与表单

    表格与表单 表格标记 创建表格 要想创建表格,就需要使用表格相关的标记 <table>     <tr>     <td>单元格内的文字</td>   ...

  5. DOM之表格与表单基础分享

    我是沐晴,好久不见.马上要放假啦,也是比较的忙. 今天来谈谈表格和表单的基本知识.前期的写的都是比较基础的知识,后期会慢慢增加实例.一起来学习吧. 先看表格,DOM中提供了一些属性,便于我们获取表单节 ...

  6. BootStrap入门教程 (二) ：BASE CSS（排版(Typography),表格(Table),表单(Forms),按钮(Buttons)）

    上讲回顾:Bootstrap的手脚架(Scaffolding)提供了固定(fixed)和流式(fluid)两种布局,它同时建立了一个宽达940px和12列的格网系统. 基于手脚架(Scaffoldin ...

  7. css011 表格和表单的格式化

    css011 表格和表单的格式化 一.    让表格专司其职    Html中创建一个三行三列的表格 <table> <caption align="bottom" ...

  8. 第3天：CSS浮动、定位、表格、表单总结

    今天学的是浮动.定位.表格.表单等内容,这些是CSS中最容易混淆的知识,有许多小技巧在写代码过程中需要注意.下面是主要知识点: 一.float浮动1.块元素在一行显示2.内联元素支持宽高3.默认内容撑 ...

  9. 13、Semantic-UI之表格与表单

    13.1 定义基础样式表格   在HTML中可以通过table进行表格定义,在Semantic-UI中也可以通过class="ui table"定义表格. 示例:定义基础表格 &l ...

随机推荐

  1. 【C语言】写一个函数，并调用该函数求两个整数的最大公约数和最小公倍数

    程序分析: 在数学中,两个数的最小公倍数=两个数的乘积/两数的最大公约数. 求两个数的最大公约数,运用辗转相除法:已知两个整数M和N,假定M>N,则求M%N. 如果余数为0,则N即为所求:如果余 ...

  2. C语言程序的错误和警告

    一段C语言代码,在编译.链接和运行的各个阶段都可能会出现问题.编译器只能检查编译和链接阶段出现的问题,而可执行程序已经脱离了编译器,运行阶段出现问题编译器是无能为力的. 如果我们编写的代码正确,运行时 ...

  3. Intellij Idea2019版本激活，目前可以激活到2089，解决失效问题(非商业用途)

    目录 Intellij Idea2019版本激活,目测可以激活到2089!! 前言-此教程仅用作个人学习,请勿用于商业获利,造成后果自负!!! 步骤(直接激活新下载的) 成功 注意(不想重新下载的小伙 ...

  4. 专题一 Java基础语法

    小辨析: println 输出字符后,下一个输出的字符会换行展示 print 输出字符后,下一个输出字符不会会换展示 system.out.println()  空格 分支结构:if-else使用说明 ...

  5. vscode解决java无法输入(scanner)问题

    vscode解决java无法输入问题 需要先安装java环境,->windows安装java 新建Test.java 输入代码 import java.util.Scanner; public ...

  6. Blockchain technology and Application

    BTC-密码学原理 比特币本质:crypto currency[加密货币] 比特币用到的两个功能: 1.哈希 crypto graphic hash function 2.签名(非对称加密) 哈希cr ...

  7. java ArrayList添加元素全部一样

    #开始 今天遇到了一个很神奇的事情 也即是我在用ArrayList的add方法循环加入对象的时候 发现添加的元素全部都是一样的 定位错误定位了一个下午.... 错误位置就是哪一个位置 但是就是不知道为 ...

  8. 谈谈一些有趣的CSS题目-- 单行居中，两行居左，超过两行省略

    开本系列,讨论一些有趣的 CSS 题目,抛开实用性而言,一些题目为了拓宽一下解决问题的思路,此外,涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉 ...

  9. c++写入注册表

    一.说明:      注册表是Windows重要组成部分,注册表记录了大量有关电脑软硬件的信息.注册表中的值通过其名称标识.值名称由与键名相同的字符组成.值本身可以是字符串.二进制数据或者是32位无符 ...

  10. Yii2掉index.php?r=

    普通 首先确认apache2配置 1. 开启 apache 的 mod_rewrite 模块 去掉LoadModule rewrite_module modules/mod_rewrite.so前的“ ...