HTML之 一 标签

时间：2022-09-13 15:01:37

一 ,标签分类:

1.普通标签:

<h1> hello </h1>

hello

2.自闭和标签

<hr/>

二,书写html注意事项

1.标签不能交叉嵌套

2. 标签推荐使用小写

3.标签应该缩进写

三，标签的属性：

1. 通常以键值对形式出现,并且放在开始标签中 例如(id="kaka")

<h1 id="kaka">  hello </h1>

2.属性名都是小写的例如: id

3.特殊的属性，属性名 与属性值一样，只写属性名即可

<input readonly>  
等同于

<input readonly="readonly">

标签简介:

1. <!DOCTYPE html>标签：

提示浏览器以W3C标准模式解析

如果不加，浏览器将以非标准模式解析

2.<head> </head>中的标签：

<meta>标签与非<meta标签>

a.<meta>标签 属性： http-equiv 和 name

name属性:

<head>

    <meta name="keywords" content="程序员 it">   (爬虫关键字)

    <meta name="description" content="博客园是xxxx..."> (爬取后显示的描述)

</head>

http-equiv属性:

<meta http-equiv="Refresh" content="2;URL=https://www.baidu.com"> //(注意后面的引号，分别在秒数的前面和网址的后面,如果没有网址就会在秒数内自动刷新当前页面)

<meta http-equiv="content-Type" charset=UTF8"> //（以何种文件模式解析）

<meta http-equiv = "X-UA-Compatible" content = "IE=EmulateIE7" />  //(IE 兼容到ie7,只对ie浏览器有效)

b.非 <meta）标签。

1.<title> </title> 网页的title文字

<title>hello </title>

2.<link>引入资源

网页的title图片(必须是ico图片)引入

<link rel="icon" href="girl.ico">  // 本地路径的图片

<link rel="icon" href="http:////www.jd.com/favicon.ico">  //网上路径图片

还可以引入css

3.<script> </script>引入js

3.<body> </body>中的标签：

a.<h1></h1> 标题标签

b.<p> </p>   段落标签

c. 最重点之 <div> </div>是块级标签（block标签，占满整行） & <span> </span>是内联标签(In-line标签，一行内可以放多个)

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

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

    <!--<link rel="icon" href="http:////www.jd.com/favicon.ico">-->

    <title>Title</title>

    <style>

        div{

            color:#cc3399;

            background-color: yellow;

        }

        span{

            color: green;

            background-color: yellow;

        }

    </style>

</head>

<body>

    hello before <div>hello div</div> hello after <br/>

    span before <span>hello span</span> span after

</body>

</html>

HTML之 一 标签

其它标签:

    <b>  字体加粗 </b>

    <em> 斜体字 </em>

    <strike>划除标签</strike>

    <del>划除标签推荐</del>
　　2<sub>3</sub>            //下脚标
　　2<sup>3</sup>           //上脚标
 

HTML之 一 标签

特殊符号:

  hello &nbsp; li   // &nbsp; 空格符

  &copy;             //&copy; 版权符号
　&lt;h1&gt;         //&lt;小于号  &gt;大于号

HTML之 一 标签

HTML之 一 标签的更多相关文章

  1. a标签点击跳转失效--IE6、7的奇葩bug

    一般运用a标签包含img去实现点击图片跳转的功能,这是前端经常要用到的东西. 今天遇到个神奇的bug:如果在img上再包裹一层div,而且div设置了width和height,则图片区域点击时,无任何 ...

  2. IE6、7下html标签间存在空白符，导致渲染后占用多余空白位置的原因及解决方法

    直接上图:原因:该div包含的内容是靠后台进行print操作,输出的.如果没有输出任何内容,浏览器会默认给该空白区域添加空白符.在IE6.7下,浏览器解析渲染时,会认为空白符也是占位置的,默认其具有字 ...

  3. 百度MIP页规范详解 —— canonical标签

    百度MIP的规范要求必须添加强制性标签canonical,不然MIP校验工具会报错: 强制性标签<link rel="/^(canonical)$/"> 缺失或错误 这 ...

  4. 【CSS进阶】伪元素的妙用--单标签之美

    最近在研读 <CSS SECRET>(CSS揭秘)这本大作,对 CSS 有了更深层次的理解,折腾了下面这个项目: CSS3奇思妙想 -- Demo (请用 Chrome 浏览器打开,非常值 ...

  5. TODO：Laravel 使用blade标签布局页面

    TODO:Laravel 使用blade标签布局页面 本文主要介绍Laravel的标签使用,统一布局页面.主要用到到标签有@yield,@ stack,@extends,@section,@stop, ...

  6. 最新 去掉 Chrome 新标签页的8个缩略图

    chrome的新标签页的8个缩略图实在让人不爽,网上找了一些去掉这个略缩图的方法,其中很多已经失效.不过其中一个插件虽然按照原来的方法已经不能用了,但是稍微变通一下仍然是可以用的(本方法于2017.1 ...

  7. css-父标签中的子标签默认位置

    <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>& ...

  8. xpath提取多个标签下的text

    title: xpath提取多个标签下的text author: 青南 date: 2015-01-17 16:01:07 categories: [Python] tags: [xpath,Pyth ...

  9. 多个Img标签之间的间隙处理方法

    1.多个标签写在一行 <img src="/i/eg_tulip.jpg" alt="郁金香" height="100px"/> ...

  10. html5标签canvas函数drawImage使用方法

    html5中标签canvas,函数drawImage(): 使用drawImage()方法绘制图像.绘图环境提供了该方法的三个不同版本.参数传递三种形式: drawImage(image,x,y):在 ...

随机推荐

  1. Leetcode Kth Smallest Element in a BST

    Given a binary search tree, write a function kthSmallest to find the kth smallest element in it. Not ...

  2. java&period;util&period;regex&period;PatternSyntaxException&colon; Dangling meta character &&num;39&semi;&ast;&&num;39&semi; near index 0

    使用repalceAll 方法出现java.util.regex.PatternSyntaxException: Dangling meta character '*' near index 0异常 ...

  3. winform 窗体传值

    在Form1中:我们要把一个文本传递给Form2窗体,假定为passText               public string passText               {          ...

  4. iOS 版本更新检查

    #pragma mark ---------------------------------- #pragma mark -- 检测版本更新 -(void)onCheckVersion { NSDic ...

  5. C&num; 平时碰见的问题【5】

    vs按F5启动调试,项目不会编译的解决办法 工具 -> 选项 -> 项目和解决方案 -> 运行时, 当项目过期(下拉框) -> 不要选[从不生成] 附英文版的:

  6. kettle日志记录

    环境描述: 现在一个项目有很多个作业,需要知道每次跑批后哪些ktr跑成功,哪些失败了 问题解决: 下面是一个具体的操作流程 首先建立数据库表 CREATE TABLE test_1(id INT,NA ...

  7. 整理&colon;C&num;写ActiveX&comma; 从代码到打包到签名到发布的示例

    对于不懂C++和VB的我, 在工作上却遇到需要重写旧ActiveX控件的任务. 好在客户机都是Windows PC, 基本上都有.net framework 2.0, 勉强用C#实现可以满足需求 所以 ...

  8. hadoop工作流引擎之azkaban

    Azkaban是twitter出的一个任务调度系统,操作比Oozie要简单很多而且非常直观,提供的功能比较简单.Azkaban以Flow为执行单元进行定时调度,Flow就是预定义好的由一个或多个可存在 ...

  9. 5款 Mac 常用PDF阅读和编辑软件推荐

    PDF和Word.TXT等文档一样,都是我们最常用的文档格式,那么一款好用的浏览或编辑PDF的工具就很有必要了,今天和大家分享5款Mac上优秀的PDF阅读和编辑工具. 以下内容来自[风云社区 SCOE ...

  10. 处理csv和json数据

    CSV是以逗号为分隔符,存储数据的文件. 流程:1.filename存储文件名.2.打开文件并存储在文件对象f中.3.将f传递给csv.reader()创建阅读器对象.4.next()获取第一行. e ...

相关文章