一、html标签的特征：

　　1.空白折叠现象

　　2.对空格和换行不敏感

　　3.标签要严格封闭

二、p标签的嵌套

　　p中只能存放字体、图片、表单控件，不能放盒子标签

三、html中标签的分类

　　1.行内标签

　　　　在一行内显示 span、strong、em、i、del、a

　　　　不能设置宽高，默认的宽和高是内容填充

　　　　行内块标签img input

　　　　　　在一行内显示

　　　　　　可以设置宽和高

　　2.块级标签div、p、h1~h6

　　　　独占一行

　　　　可以设置宽高，如果不设置默认宽是网页的宽，高度是内容的高度

<!--文档声明-->

<!DOCTYPE html>

<html lang="en">

<head>

    <!--网站配置-->

    <meta charset="UTF-8">

    <!--标题标签-->

    <title>张青青</title>

    <!--2秒后跳转到百度-->

    <meta http-equiv="refresh" content="2;URL=http://www.baidu.com" />

    <!--标题图片-->

    <link rel="shortcut icon" href="http://hcdn1.luffycity.com/static/frontend/index/Luffy-study-logo.png">

    <!--别人在搜素你的网站的时候显示的简单介绍-->

    <meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。"/>

    <!--移动端优先 视口设置-->

    <meta name="vieport" content="width=device-width,initial-scale=1">

    <style type="text/css">

        h1{

            color:green;

        }

    </style>

    <link rel="stylesheet" href="./a.css">

</head>

<body>

    <h1>张青青</h1>

    <h2>张庆</h2>

</body>

</html>
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <!--&nbsp;是一个空格-->

    张&nbsp;&nbsp;&nbsp;&nbsp;庆 <br /> 张青青

    <h2>什么</h2>

    <!--<hr />一条线-->

    <hr />

    <u>下划线</u>

    <strong>加粗</strong>

    <em>斜体</em>

    <i>斜体</i><sup>2</sup><sub>4</sub>

    <h3>BUZADAS</h3>

</body>

</html>
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <meta name="viewport" content="width=device-width,initial-scale=1">

    <link rel="stylesheet" href="./a.css">

</head>

<body>

    <h2><span>9.9元</span>&nbsp;<del>79元</del></h2>

    <div id="header">

        我是头部

    </div>

    <div>可怜可怜离开</div>

    <p>不是</p>

</body>

</html>

　　p标签里面不能包含容器标签

超链接

<a href="http://www.baidu.com" id="anchor" class="anchor" title="百度一下">百度一下</a>

img（alt就是当图片没有加载成功的提示语，图片默认宽高是图片的宽高，设置了一个值另一个会自适应大小）

<img src="./fd039245.jpg" alt="图片卡住了！！"  height="100">

表单

    <form action="https://www.baidu.com/s">

        <input type="text" name="wd" value="" />

        <input type="submit" value="搜索">

    </form>

html简单知识的更多相关文章

  1. 关于trunk、access以及hybrid的一些简单知识

    关于trunk.access以及hybrid的一些简单知识:Access 类型的端口只能属于 1 个 VLAN ,一般用于连接计算机的端口: Trunk 类型的端口可以允许多个 VLAN 通过,可以接 ...

  2. svn的简单知识

    svn的简单知识 一.简介: SVN是Subversion的简称,是一个开放源代码的版本控制系统,相较于RCS.CVS,它采用了分支管理系统, 它的设计目标就是取代CVS.互联网上很多版本控制服务已从 ...

  3. JavaScript学习笔记（一）：介绍JavaScript的一些简单知识

    JavaScript是世界上最流行的编程语言.这门语言可用于HTML和web,更可广泛用于服务器.PC.笔记本电脑和智能手机等设备.---------------------------------- ...

  4. Hadoop入门必须知道的简单知识

    Hadoop入门知识 Hadoop构成 Hadoop由4个主要构成部分: 1) 基础核心:提供基础的通用的功能 2) HDFS:分布式存储 3) MapReduce:分布式计算 4) YARN:资源分 ...

  5. 学习python的第一天，python的简单知识

    python 是现如今比较火的一种编程语言.在抱着试试的态度我来进行学习下python.要学习python 要先进行环境的安装. 下面是下载链接:https://pan.baidu.com/s/1PW ...

  6. 编写一个简单的flask的前后端交互的网页(flask简单知识的讲解)

    实验原理: 1.什么是flask Flask是一个使用Python编写的轻量级Web应用框架,其WSGI工具采用Werkzeng,模板引擎使用Jinja2.Flask与 Django之间的区别就是Dj ...

  7. PHP 安全相关 简单知识

    概要: 1.php一些安全配置 (1)关闭php提示错误功能 (2)关闭一些“坏功能” (3)严格配置文件权限. 2.严格的数据验证,你的用户不全是“好”人 2.1为了确保程序的安全性,健壮性,数据验 ...

  8. QEMU简单知识 以及磁盘格式转换的简单命令

    From 百度百科 QEMU,是由 Fabrice Bellard开发的通用.开源机器模拟与虚拟化软件,Fabrice Bellard是另一个著名的C编译器的作者.QEMU可以在不同的机器上运行独自开 ...

  9. Salesforce LWC学习(十三) 简单知识总结篇一

    本篇参考:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript 随着项目的学习以及trailhead的学习,会遇见自己曾经模糊的定义或者比较浪 ...

随机推荐

  1. 高级UI-FloatingActionButton

    FloatingActionButton为悬浮按钮,就是常见的那种悬浮在控件上,可以调出其他菜单的按钮 FloatingActionButton的特有属性 app:backgroundTint 按钮的 ...

  2. 使用IDEA打开工程未显示左侧工程目录栏

    1. 重启IDEA2. 删除要打开的项目文件夹下的.idea文件夹3. open打开项目即可 注意: 是重启IDEA,不是只关闭IDEA的单个窗口 参考: https://blog.csdn.net/ ...

  3. nload 源码安装

    nload 1.下载 wget http://www.roland-riegel.de/nload/nload-0.7.4.tar.gz 2.解压 tar zvxf nload-0.7.4.tar.g ...

  4. MySQL索引工作原理

    为什么需要索引(Why is it needed)?当数据保存在磁盘类存储介质上时,它是作为数据块存放.这些数据块是被当作一个整体来访问的,这样可以保证操作的原子性.硬盘数据块存储结构类似于链表,都包 ...

  5. Python socket 编程（1）

    服务端的创建: import socket server = socket.socket() # 创建一个socke对象 server.bind(('192.168.101.5', 8001)) # ...

  6. WUSTOJ 1305: 最短路（Java）

    题目链接:

  7. Vector、ArrayList异同和HTTP请求异同的概括和区别

    今天我所记录的是两个异同的概括: HTTP: 同步请求:提交请求->等待服务器处理->处理完毕返回给客户端  这个期间客户端浏览器只能处于等待状态,得到回应才可以执行下一步操作. 异步请求 ...

  8. luogu P4887 莫队二次离线

    珂朵莉给了你一个序列$a$,每次查询给一个区间$[l,r]$ 查询$l≤i<j≤r$,且$ai⊕aj$的二进制表示下有$k$个$1$的二元组$(i,j)$的个数.$⊕$是指按位异或. 直接暴力莫 ...

  9. shell 学习笔记2-shell-test

    一.字符串测试表达式 前面一篇介绍:什么是shell,shell变量请参考: shell 学习笔记1-什么是shell,shell变量 1.字符串测试表达式参数 字符串需要用""引 ...

  10. iOS - SceneKit 3D引擎初探

    最近到处搜集资料研究3D最后还是决定锁定OC框架,找到的学习资料随后慢慢整理 SceneKit 是一个OC 框架,开始之前,先熟悉一下SceneKit 的三维坐标系: 很清楚的看到,SceneKit ...