一、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. Java 二维数组及方法概况

    数组 数组是指一组数据的集合,数组中的每个数据被称作元素.在数组中可以存放任意类型的元素,但同一个数组里存放的元素类型必须一致. 数组的定义 在Java中,可以使用以下格式来定义一个数组. 数据类型[ ...

  2. C#LeetCode刷题-记忆化

    记忆化篇 # 题名 刷题 通过率 难度 329 矩阵中的最长递增路径   31.0% 困难

  3. C#设计模式之18-备忘录模式

    备忘录模式(Memento Pattern) 该文章的最新版本已迁移至个人博客[比特飞],单击链接 https://www.byteflying.com/archives/421 访问. 备忘录模式属 ...

  4. 【luogu1352】没有上司的舞会 - 树形DP

    题目描述 某大学有N个职员,编号为1~N.他们之间有从属关系,也就是说他们的关系就像一棵以校长为根的树,父结点就是子结点的直接上司.现在有个周年庆宴会,宴会每邀请来一个职员都会增加一定的快乐指数Ri, ...

  5. 【算法•日更•第二十七期】基础python

    ▎前言 看到这个题目,你一定会很好奇,为什么学打NOIP的要学习python?其实python对我们是很有用的! NOIP虽然不支持使用python提交代码,但是在NOILinux上天生自带pytho ...

  6. leetcode刷题记录——哈希表

    1.两数之和 可以先对数组进行排序,然后使用双指针方法或者二分查找方法.这样做的时间复杂度为 O(NlogN),空间复杂度为 O(1). 用 HashMap 存储数组元素和索引的映射,在访问到 num ...

  7. leetcode刷题记录——链表

    使用java实现链表 单向链表 双向链表 单向循环链表 双向循环链表 题目记录 160.相交链表 例如以下示例中 A 和 B 两个链表相交于 c1: A: a1 → a2 c1 → c2 → c3 B ...

  8. JavaScript学习系列博客_5_JavaScript中的强制类型转换

    -强制类型转换为String 1.方式1 调用被转换数据的toString()方法 number类型值.布尔类型值.都可以调用toString()方法强制转换.但是null值和undefined值不行 ...

  9. JavaScript学习系列博客_4_JavaScript中的数据类型

    JavaScript中有6种数据类型 一.基本数据类型 - String 字符串 JS中的字符串需要使用引号引起来双引号或单引号都行 但是要注意的是某种引号嵌套使用的话,需要加上 \ 转义.比如说我们 ...

  10. Dubbo源码学习之-通过源码看看dubbo对netty的使用

    前言 前段时间,从头开始将netty源码了解了个大概,但都是原理上理解.刚好博主对dubbo框架了解过一些,这次就以dubbo框架为例,详细看看dubbo这种出色的开源框架是如何使用netty的,又是 ...