一、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. CentOS 6 新装服务器部署流程

    1.设置时区 rm -f /etc/localtime cp /usr/share/zoneinfo/Asia/Shanghai /etc/localtime 2.配置内网IP (如果是外网IP,li ...

  2. Django之用户注册

    用户注册需要提交的信息包括: 用户名 邮箱 密码 确认密码 验证码 这里选择form表单提交信息,注册页面的响应函数就要分条件执行,get请求时要展示注册页面,post请求时要接收用户提交的信息,对信 ...

  3. CentOS7服务器查看相关配置命令

    CPU个数:(base) [jiangshan@localhost ~]$ grep 'physical id' /proc/cpuinfo | sort -u | wc -l2CPU核数:(base ...

  4. [转帖]AMD：Zen 2霄龙处理器每美元性能可达英特尔至强5.6倍

    AMD:Zen 2霄龙处理器每美元性能可达英特尔至强5.6倍 2019-10-20 6:35:38来源:IT之家作者:孤城责编:孤城评论:32 https://www.ithome.com/0/451 ...

  5. todo---java中的json探讨

    1.json的命名格式 2.json赋值原则 3.json常用的工具 4.json的处理的第三方软件比较 5.json的起源 6.关于json串的对于null ,"" 的不同的第三 ...

  6. django使用pyecharts(1)----django加入echarts

    Django 中使用 pyecharts.一.普通django加入echarts Django 模板渲染 Step 0: 新建一个 Django 项目 $ django-admin startproj ...

  7. Python 重点知识整理（基于Python学习手册第四版）

    字节型编译 如果Python在系统中有写的权限,当程序运行时Python会把源码编译成字节码(与系统环境无关)存在一个.pyc扩展名文件中,如果没有修改源码而重新运行程序时,不会进行编译的步骤而使用字 ...

  8. WUSTOJ 1346: DARK SOULS（Java）并查集

    题目链接:1346: DARK SOULS 并查集系列:WUSTOJ 1319: 球(Java)并查集 Description CQ最近在玩一款游戏:DARK SOULS,这是一款以高难度闻名的硬派动 ...

  9. sequence（线段树+单调栈） (2019牛客暑期多校训练营（第四场）)

    示例: 输入: 31 -1 11 2 3 输出: 3 题意:求最大的(a区间最小值*b区间和) 线段树做法:用单调栈求出每个数两边比b数组大的左右边界,然后用线段树求出每段区间的和sum.最小前缀ls ...

  10. mybatis与Spring集成（Aop整合PagerAspect插件）

    目的: Mybatis与spring集成 Aop整合pagehelper插件 Mybatis与spring集成 导入pom依赖 <?xml version="1.0" enc ...