一、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. XCTF-WEB-高手进阶区-Web_python_template_injection-笔记

    Web_python_template_injection o(╥﹏╥)o从这里开始题目就变得有点诡谲了 网上搜索相关教程的确是一知半解,大概参考了如下和最后的WP: http://shaobaoba ...

  2. Python 为什么能支持任意的真值判断？

    本文出自"Python为什么"系列,请查看全部文章 Python 在涉及真值判断(Truth Value Testing)时,语法很简便. 比如,在判断某个对象是否不为 None ...

  3. .NET Core Web APi大文件分片上传研究

    前言 前两天发表利用FormData进行文件上传,然后有人问要是大文件几个G上传怎么搞,常见的不就是分片再搞下断点续传,动动手差不多也能搞出来,只不过要深入的话,考虑的东西还是很多.由于断点续传之前写 ...

  4. java从零到变身爬虫大神

    刚开始先从最简单的爬虫逻辑入手 爬虫最简单的解析面真的是这样 import org.jsoup.Jsoup; import org.jsoup.nodes.Document; import java. ...

  5. 注意STL的小细节 2009-05-18 22:18

    STL分容器,算法,跌代器,配置器,适配器,函数对象等. 容器好学好理解.就是vector,list等,这些是常用的,还有些不常用的deque等.算法可以说是STL的精华了,它的功能强大种类繁多,可根 ...

  6. Spark基础学习精髓——第一篇

    Spark基础学习精髓 1 Spark与大数据 1.1 大数据基础 1.1.1 大数据特点 存储空间大 数据量大 计算量大 1.1.2 大数据开发通用步骤及其对应的技术 大数据采集->大数据预处 ...

  7. 编译Uboot时出错：【已解决】 /bin/bash: arm-linux-gcc: command not found dirname: missing operand Try 'dirname --help' for more information.

    编译Uboot时出错: 错误信息如下: /bin/bash: arm-linux-gcc: command not found dirname: missing operand Try 'dirnam ...

  8. django自带orm妙用

    django对数据库数据进行处理方式通常有以下几种方式: 1.使用原生sql对数据库进行处理:pymysql,cx_oracle 2.使用外置orm模块来对数据库进行处理:sqlalchemy 3.使 ...

  9. 编译原理LR(0)项目集规范族的构造详解

    转载于https://blog.csdn.net/johan_joe_king/article/details/79051993#comments 学编译原理的时候,感觉什么LL(1).LR(0).S ...

  10. Robot Framework（8）——脚本语法示例记录

    大神写了一个Robot Framework的脚本,好多语法之前没接触过,就有了这篇,记录下来一起学习,欢迎纠错 第二三四五列,一般是入参,红色的表示必填的入参.浅灰色表示选填的入参.深灰色表示无需填写 ...