一、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. 使用JSPWiki丰富Unity-UPM包的使用

    1.简述 诸如npm.Nuget之类的包管理工具,Unity推出了自己的Unity Package Manager(UPM)工具来管理使用到的第三方库. 现在Unity Package Manager ...

  2. JavaScript String.prototype 原型

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head ...

  3. DB2 SQL Error: SQLCODE=-1585, SQLSTATE=54048

    DB2 执行SQL报错: DB2 SQL Error: SQLCODE=-1585, SQLSTATE=54048 你建的db2数据库没有建足够大的临时表空间,新建一个足够大的临时表空间 1.创建数据 ...

  4. C#LeetCode刷题之#874-模拟行走机器人​​​​​​​（Walking Robot Simulation）

    问题 该文章的最新版本已迁移至个人博客[比特飞],单击链接 https://www.byteflying.com/archives/4038 访问. 机器人在一个无限大小的网格上行走,从点 (0, 0 ...

  5. jQuery的事件与 动画

    什么是事件: 事件的本质是委托. Jquery的 方法: $().css(); $().click(); 等等. 鼠标的事件: 区别在于:mouseover与mouseout再进入或离开后会执行这两个 ...

  6. Shiro+SpringBoot认证

    该博客以Web为基础 一.引入依赖 shiro-all包含shiro所有的包.shiro-core是核心包.shiro-web是与web整合.shiro-spring是与spring整合.shiro- ...

  7. 设计模式：桥接模式及代码示例、桥接模式在jdbc中的体现、注意事项

    0.背景 加入一个手机分为多种款式,不同款式分为不同品牌.这些详细分类下分别进行操作. 如果传统做法,需要将手机,分为不同的子类,再继续分,基本属于一个庞大的多叉树,然后每个叶子节点进行相同名称.但是 ...

  8. 【Codeforces】CF Round #592 (Div. 2) - 题解

    Problem - A Tomorrow is a difficult day for Polycarp: he has to attend \(a\) lectures and \(b\) prac ...

  9. 运用sklearn进行线性判别分析(LDA)代码实现

    基于sklearn的线性判别分析(LDA)代码实现 一.前言及回顾 本文记录使用sklearn库实现有监督的数据降维技术——线性判别分析(LDA).在上一篇LDA线性判别分析原理及python应用(葡 ...

  10. 在GitHub上删除仓库 or 项目，基操！！

    创建错误或者想要抛弃某个仓库or项目,点击选择项目,选择Setting页面,左侧方框Option页拉到底: 你就可以看到一个红色的危险域,called Danger Zone,这不禁让我想到了黑子篮球 ...