一、head标签重点

<head>

    <meta charset="utf-8">

    <title>第二天课</title>

    <!--页面关键字-->

    <meta name="keywords" content="护士，教师，空姐">

    <!--页面描述-->

    <meta name="description" content="各种服饰应有尽有">

    <!--页面刷新-->

    <meta http-equiv="refresh" content="3;url=https://www.baidu.com/">

</head>

二、字符实体
&lt;——小于
&gt;——大于
&nbsp;——空格

三、常见文本标签
<b>——粗体
<u>——下划线
<i>——斜体
<del>——删除线
<strong>——强调（粗体）

四、锚点标签

<body>

    <h3 id="top"></h3>

    <a href="#one">第一章</a>

    <a href="#two">第二章</a>

    <h4 id="one">第一章</h4>

    <p style="width: 600px;height: 400px;background-color: blue;"></p>

    <h4 id="two">第二章</h4>

    <p style="width: 600px;height: 400px;background-color:yellow;"></p>

    <a href="#top">返回</a>

</body>

五、表格基础
1、跨行：rowspan
2、跨列：colspan
3、表格标题：<caption>
4、表格头部：<th>
5、行与列：<tr><td>

六、样式选择器

1、ID选择器

<head>

<style>

#one{color:red;}

</style>

</head>

<body>

<label id="one">样例1</label>

</body>

2、Class选择器

<head>

<style>

.one{color:red;}

</style>

</head>

<body>

<label class="one">样例2</label>

</body>

3、标签选择器

<head>

<style>

p{color:red;}

</style>

</head>

 <body>

<p>样例3</p>

</body>

七、样式位置

1、外链样式

1）style.css

#one{color:red;}

.one{color:yellow;}

p{color:blue;}

2）index.html

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

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

    </head>

    <body>

        <input id="one">

        <input class="one">

        <p></p>

    </body>

</html>

2、内置head标签中

<head>

<style>

#one{color:red;}

</style>

</head>

<body>

<label id="one">样例1</label>

</body>

3、关系选择器

<style>

    ul li{color:pink;}    /*(包含)后代选择器*/

    ul>li{color:balck;} /*父子选择器*/

    ol+li{color:red;}    /*相邻选择器（向下相邻）*/

    ol~li{color:blue}    /*兄弟选择器(向下的兄弟)*/

</style>

<body>

    <ul>

        <li>111</li>

        <li>222</li>

        <ol>

            <li>aaa</li>

            <li>bbb</li>

            <li>ccc</li>

        </ol>

        <li>444</li>

        <li>555</li>

        <li>666</li>

    </ul>

</body>

4、选择器优先级

标签内style > ID选择器 > 类选择器 >标签选择器 > 标签原有选择器

待补充……

基础Html重点——防健忘的更多相关文章

  1. python全栈开发中级班全程笔记（第二模块）第 二 部分：函数基础（重点）

    python学习笔记第二模块         第二部分    :    函数(重点) 一.函数的作用.定义 以及语法 1.函数的作用 2.函数的语法和定义 函数:来源于数学,但是在编程中,函数这个概念 ...

  2. python 基础部分重点复习整理2

    把这里的题目争取刷一遍 博客记录 python的ORM框架peewee SQLAlchemy psycopg2 Django 在1 的基础上,重点突出自己以前没注意的,做到精而不杂!!! Python ...

  3. python 基础部分重点复习整理--从意识那天开始进阶--已结

    pythonic 风格编码 入门python好博客 进阶大纲 有趣的灵魂 老齐的教程 老齐还整理了很多精华 听说 fluent python + pro python 这两本书还不错! 元组三种遍历, ...

  4. 《JavaScript核心概念》基础部分重点摘录

    注:<JavaScript核心概念>适合深入了解JavaScript,比我买的<JavaScript框架设计>语言和内容丰富多了(可能是我水平尚浅吧). 1. 作用域 var ...

  5. 学习html/css基础的重点笔记

    1.权重问题 内联样式表 > id选择符 > class选择符 > 类型选择符(所有html标签名称) 内联样式表 > 内部样式表.外部样式表 内部样式表.外部样式表的权重与书 ...

  6. python基础 --- 难点重点

    循环嵌套 # 打印九九乘法表 for row in range(1,10): # 行与列相乘 for col in range(1,row+1): print(col,'*',row,'=',row ...

  7. linux基础-基本命令的讲解(1-7单元）

    基本命令的讲解 主要内容介绍 1.LINUX操作系统安装及初始化配置(熟悉):2.LINUX操作系统目录组成结构及文件级增删改查操作(重点):3.LINUX操作系统用户.权限管理(重点):4.开源软件 ...

  8. C#基础知识梳理索引

    C#基础知识梳理索引 一 引子 之前曾写了一篇随笔<.NET平台技术体系梳理+初学者学习路径推荐+我们的愿景与目标> 三个月过去了,目标使更多的编程初学者,轻松高效地掌握C#开发的基础,重 ...

  9. Day3---------网络基础和DOS命令

    一.网络分类 1.地理位置 1).局域网(LAN) 2).城域网(MAN) 3).广域网(WAN) 2.传输介质 1).有线网 2).光纤网 3).无线网 3.层--------设备 传输层----- ...

随机推荐

  1. 程序员必须了解！IntelliJ IDEA 2020.2的新增功能

    IDEA 因为之前破解过,所以家里的电脑都是19版本的,用的也比较顺手,也就一直懒得去动他,但是,程序猿的好奇心可能真的挺重,猎奇心里,在网上也看到了很多关于2020版本的idea的各种好处,于是,闲 ...

  2. 2020-05-25：MQ应用场景、Kafka和rabbit区别?kafka为什么支撑高并发？ 来自

    福哥答案2020-05-25: 应用场景:解耦.异步.削峰.区别如下:特性 ActiveMQ RabbitMQ RocketMQ Kafka单机吞吐量 万级,比 RocketMQ.Kafka 低一个数 ...

  3. JavaScript apply使用

    call 和 apply 作用: 都是为了改变某个函数运行的context上下文而存在的,为了改变函数体内部 this的指向 JavaScript函数存在定义时上下文和运行时上下文, 上下文(cont ...

  4. vue.js中 v-for,v-on,v-model,结合应用案例---记事本

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  5. 图的DFS和BFS（邻接表）

    用C++实现图的DFS和BFS(邻接表) 概述   图的储存方式有邻接矩阵和邻接表储存两种.由于邻接表的实现需要用到抽象数据结构里的链表,故稍微麻烦一些.C++自带的STL可以方便的实现List,使算 ...

  6. 面经手册 · 第4篇《HashMap数据插入、查找、删除、遍历，源码分析》

    作者:小傅哥 博客:https://bugstack.cn 沉淀.分享.成长,让自己和他人都能有所收获! 一.前言 在上一章节我们讲解并用数据验证了,HashMap中的,散列表的实现.扰动函数.负载因 ...

  7. 精讲RestTemplate第10篇-使用代理作为跳板发送请求

    本文是精讲RestTemplate第10篇,前篇的blog访问地址如下: 精讲RestTemplate第1篇-在Spring或非Spring环境下如何使用 精讲RestTemplate第2篇-多种底层 ...

  8. [PyTorch 学习笔记] 1.1 PyTorch 简介与安装

    PyTorch 的诞生 2017 年 1 月,FAIR(Facebook AI Research)发布了 PyTorch.PyTorch 是在 Torch 基础上用 python 语言重新打造的一款深 ...

  9. java+opencv实现人脸识别程序记录

    结果 基本实现了识别的功能.基本的界面如下 界面长得比较丑,主要是JavaSwing写界面比较麻烦,写个菜单栏都要那么多代码.目前不打算改了. 实现的思路是:使用opencv中自带的OpenCVFra ...

  10. linux驱动之内核多线程（二）

    本文摘自http://www.cnblogs.com/zhuyp1015/archive/2012/06/11/2545702.html 内核多线程是在项目中使用到,自己也不熟悉,遇到一个很囧的问题, ...