一、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. 开发规范——MYSQL数据库

    数据库规范 这里主要针对mysql数据库,其他数据库也可以借鉴 表 1.统一使用表命名规范 表名规范:分层+项目名缩写+实体名(小写)[+下划线+实体名+rel] 例子 表名:bc_user 分层: ...

  2. idea创建自定义代码块

    1.File——>settings 2.找到Editor——>live Templates,点击加号+ 3.创建group或直接创建,我这里创建了一个user组,然后在user组里面添加l ...

  3. docker安装MongoDB创建用户，并用工具Robo连接简单CRUD

    搜索mongo docker search mongo 拉取mongo[这里默认为latest] docker pull mongo 查看本地镜像 启动容器[就是安装,-v后面的参数表示把数据文件挂载 ...

  4. 乐字节Java之file、IO流基础知识和操作步骤

    嗨喽,小乐又来了,今天要给大家送上的技术文章是Java重点知识-IO流. 先来看看IO流的思维导图吧. 一. File 在Java中,Everything is Object!所以在文件中,也不例外! ...

  5. 学习Ajax小结

    Ajax 学习         1.ajax的概念              局部刷新技术,不是一门新技术,是多种技术的组合,是浏览器端技术         2.作用             可以实现 ...

  6. 软件素材---linux C语言：向文件末尾进行追加数据

    void AppendDataToFile(char* filePath, char* msg) { // 以附加方式打开可读/写的文件, 如果没有此文件则会进行创建,然后以附加方式打开可读/写的文件 ...

  7. todo---git 生成密钥 原理分析

    ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABAQDRJkDZ2z7syFC2QDCaORKF41ecwbL/kyFwkycOVE3MavTRBliAhoAhOaZQTr4j ...

  8. Git master合并分支时提示“Already up-to-date”

    Git master合并分支时提示"Already up-to-date" ​ 在使用Git把当前分支合并到master提示"Already up-to-date&quo ...

  9. 【坑】前端使用ajax异步请求以后，springMvc拦截器跳转页面无效

    文章目录 前言 `$.ajaxSetup( )` 后记 前言 本文着重解决前后端分离开发的页面调整问题. 笔者,在做一个需求,需要对访问网站,但是没有登录的用户进行拦截,将他们重定向到首页. 很简单的 ...

  10. Request部分知识点小结

    HTTP: * 概念:Hyper Text Transfer Protocol 超文本传输协议 * 传输协议:定义了,客户端和服务器端通信时,发送数据的格式 * 特点: 1. 基于TCP/IP的高级协 ...