Sep19_html/css_imooc学习笔记_1

1. <h1></h1>标题,h1-h6从大到小

2. <p></p> 段落

3. <img src=“1.jpg”> 加入图片

4.基本结构:<html>

        <head>…</head>
        <body>…</body>(网页中显示的所有内容全部在body里)
      </html>
<head>里面含有 <title>…</title>(不显示在页面,显示在标签)
         <script>…</script>
         <style>…</style>
         <link>
         <meta>等标签

<body>中含有 <h1>
        <p>
          <a>
        <img>等标签

5. <!--注释-->

6. <em>...</em>斜体, <strong>…</strong>加粗

7. <span>…</span>
用法:
在<style>中定义
span{
  color:blue;
}
   然后在body中使用<span>...</span>

8. <q>..</q>引用,效果与“”一样。

9. <blockquote>…</blockquote> 引用缩近效果

10. <br>换行(有的html版本为<br />)

11. $nbsp; 空格。记忆:牛逼空格

12. <hr>段落分割线(有的html版本为<hr />

13. 联系地址使用<address>...</address>标签,默认显示为斜体

14.  单行代码语言使用<code>..</code>
       多行代码语言使用<pre>..</pre>

15. <ul>
    <li>..</li>
    <li>..</li>
    <li>..</li>
  </ul>
效果:列表,标题开头有小圆点

16. <ol>
    <li>..</li>
    <li>..</li>
    <li>..</li>
  </ol>
效果:列表,标题开头数字排序

15,16记忆u点o数

17. <div>..</div>划分模块,作用相当于一个容器,一般会加上id,<div id=“whatever”>...</div>

18. 表格
<table>(可以加上summary表格简介文本,<table summary=“..”>)
  <caption>标题文本,方便搜索引擎</caption>
    <tbody> (<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示)
      <tr>(表示一行)
        <td>..</td>(表示一个单元格)
        <td>..</td>
        <td>..</td>
      </tr>
    </tbody>
</table>
给表格加上单元格,使用css
<style type=“text/css”>
  table tr td,th{border:1px solid #000;}
</style>

时间: 2024-12-21 01:06:49

Sep19_html/css_imooc学习笔记_1的相关文章

《MySQL必知必会》学习笔记_1

#选择数据库 USE mysql #返回可用数据库列表 SHOW DATABASES #返回当前数据库中可用表 SHOW TABLES #返回表列 SHOW COLUMNS FROM db #显示特定数据库的创建语句 SHOW CREATE DATABASE mysql #显示广泛的服务器状态信息 SHOW STATUS #显示授权用户的安全权限 SHOW GRANTS 多条SQL语句必须以分号分隔. SQL语句不区分大小写,习惯性大写. 检索不同的行用DISTINCT,只返回不同的值. 限制结

Computer Network学习笔记_1

1_1 开始学习David Weatherall讲的Computer Networks,第一节课主要讲Goals and Motivation,Focus of the course是Networking,讨论packets and internet,会讲底层的Communications和上层的Distributed systems,就是Network如何建立,上层apps能做什么.The main point是学习Internet如何运行,TCP/IP,DNS,HTTP,NAT,VPNs,8

servlet学习笔记_1

一.动态页面和静态页面 动态页面&静态页面:如果浏览器在不同时刻不同条件下访问web服务器的某个页面,浏览器所获得的页面内容会发生变化,那么这种页面称之为动态页面.动态页面和静态页面的区别在于针对页面的访问请求,服务器能够在不同条件下返回给客户端的网页内容是否相同.要想web浏览器访问某一web页面的时候,能够查询出一些动态变化的实时信息,就必须采用动态页面. 动态页面和动态HTML页面:尽管动态HTML页面也能实现页面内容的改变,但是这种结果仅仅是浏览器执行的结果,而不是由于服务器的程序执行,

Java编程思想学习笔记_1

1.Java中对象的存储数据的地方: 共有五个不同的地方可以存储数据. 1)寄存器.最快,因为位于处理器的内部,寄存器按需求分配,不能直接控制. 2)堆栈.位于通用RAM,通过堆栈指针可以从处理器那里获得直接支持.堆栈指针向下移动,分配新的内存,向上移动,则释放那些内存.Java系统必须知道存储在堆栈内的所有项目的确切的生命周期. 3)堆.编译器不需要知道存储的数据在堆里活多长时间. 4)常量存储.通常直接放在代码内部. 5)非RAM存储,如果数据完全存活与程序之外,那么它可以不受程序的任何控制

C#学习笔记_1

1.C#语音的数据类型分为三种:值类型.引用类型.指针类型.指针类型进应用于安全代码中. 值类型:值类型变量存储的是数据类型所代表的实际数据,值类型变量的值(或对象)存储在栈(Stack)中,赋值语句是传递变量的值. 引用类型:引用类型(类就是一个引用类型)的实例也叫对象,不存在栈(Stack)中,存储在可管理堆(Managed Heap)中,堆实际上计算机系统中的空闲内存.引用类型变量的值存储在栈(Stack)中,但存储的不是引用类型对象,存储的是引用类型对象的引用,即 地址,它和指针所表示的

目标跟踪学习笔记_1(opencv中meanshift和camshift例子的应用)

在这一节中,主要讲目标跟踪的一个重要的算法Camshift,因为它是连续自使用的meanShift,所以这2个函数opencv中都有,且都很重要.为了让大家先达到一个感性认识.这节主要是看懂和运行opencv中给的sample并稍加修改. Camshift函数的原型为:RotatedRect CamShift(InputArray probImage, Rect& window, TermCriteria criteria). 其中probImage为输入图像直方图的反向投影图,window为要

Mysql学习笔记_1

Linux作为操作系统,Apache 或Nginx作为 Web 服务器,MySQL 作为数据库,PHP/Perl/Python作为服务器端脚本解释器.这四个软件都是免费或开源软件软件,因此使用这种方式除开人工成本就可以建立起一个稳定.免费的网站系统,称为"LAMP"或"LNMP"组合. 一.以cmd命令使用mysql的基础步骤 (DOS系统下清屏的命令:cls) 基础步骤: (1)mysql -u root -p回车    //进入数据库 (2)password .

Python学习笔记_1

·中文注释要用 # coding=utf-8(vscode下ctrl+/为注释) ·Python文件暂停 input() 或 import os os.system("pause") ·Python3中语句后面不需要加";",不过就算加了也不会报错就是了,要把多行代码放在同一行的话可以用";"来隔开 原文地址:https://www.cnblogs.com/Observer-A/p/8994704.html

python基础教程_学习笔记8:序列_练习与总结_1

序列_练习与总结 每次处理一个字符 任务: 用每次处理一个字符的方式处理字符串. 方案: 可以创建一个列表,列表的子项是字符串的字符.python实际上并没有一个特别的类型来对应"字符"并以此和字符串区分开来.可以调用内建的list,用字符串作为参数: thelist=list(thestring) 也可以不创建一个列表,直接用for语句完成对该字符串的循环遍历: for c in thestring: do_something_with(c) 或者使用列表推导中的for来遍历: re