一、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. iOS-UITableView的性能优化10个小技巧

    通常你会发现一个图片类的app会在一个imageView上做下面这些事情: 1  下载图片(主要的内容图片+用户头像图片)2  更新时间戳3  展示评论4  计算动态的cell的高度 Tip#1 学习 ...

  2. CountDownLatch和CyclicBarrier使用上的区别

    一.CountDownLatchDemo package com.duchong.concurrent; import java.util.Map; import java.util.concurre ...

  3. 如何提高程序员的键盘使用效率（搬砖工人的自我修养(tucao)）

    高软第一次作业 程序员使用键盘最常用的技能 搬运自:https://learnku.com/articles/22806    括号内为个人吐槽 1.尊重操作系统特性(如Mac OS的某些键位自定义设 ...

  4. VMware虚拟机及Linux安装

    VMware虚拟机安装指南:http://bbs.luobotou.org/thread-5750-1-1.html Linux系统各发行版镜像下载地址:http://www.linuxidc.com ...

  5. mysql order by rand() 优化方法

    mysql order by rand() 优化方法 适用于领取奖品等项目<pre>mysql> select * from user order by rand() limit 1 ...

  6. WCF-方法重载

    一.服务端重载 一般写法直接重载,但是会报错,如下. [ServiceContract] public interface IService1 { [OperationContract] string ...

  7. Python 装饰器执行顺序

    Python 装饰器执行顺序 之前同事问到两个装饰器在代码中使用顺序不同会不会有什么问题,装饰器是对被装饰的函数做了一层包装,然后执行的时候执行了被包装后的函数,例如: def decorator_a ...

  8. stm32之中断响应优先级

    1)中断响应分为:自然优先级.抢占优先级.响应优先级. 2)抢占优先级和响应优先级,其实是一个中断所包含的两个优先级,其中前者是抢占优先级之间的级别划分,后者是相同抢占优先级的优先级别的划分. 中断A ...

  9. Luogu5401 CTS2019珍珠（生成函数+容斥原理+NTT）

    显然相当于求有不超过n-2m种颜色出现奇数次的方案数.由于相当于是对各种颜色选定出现次数后有序排列,可以考虑EGF. 容易构造出EGF(ex-e-x)/2=Σx2k+1/(2k+1)!,即表示该颜色只 ...

  10. 天梯赛 L3-002. 堆栈

    思路:这里的线段树维护一个区间里面出现数的个数,对于Pop,push单点更新一下就好. #include<stdio.h> #include<iostream> #includ ...