• 网页的初始标签的认识


    html文档基本的结构

    <!DOCTYPE html> 表示html5的文本,浏览器会按照html5的规范来解析文本
    <html lang="en"> 表示我们的网页采用的语言,en表示英文
    <head>
        <meta charset="UTF-8"> 表示我们网页文件的编码格式,meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name 属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。
        <title>Title</title> 表示网页的标题
    </head>
    <body>
    中间是我们网页具体要编写的内容
    </body>
    </html>
    
    !DOCTYPE详细介绍
    <!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
    
    meta标签的详细介绍
    特征:
    	1.提供有关页面的元信息(mata-information),针对搜索引擎和更新频度的描述和关键词。
    	2.标签位于文档的头部,不包含任何内容。
    	3.提供的信息是用户不可见的。
    组成:
    	meta标签共有两个属性,它们分别是http-equiv属性和name 属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。 
    	1.http-equiv属性:相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。
    	2.name属性: 主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
    

    http-equiv使用介绍

    <!--指定文档的编码类型(需要知道)-->
    <meta http-equiv="content-Type" charset=UTF8">
    <!--2秒后跳转到对应的网址,注意引号(了解)-->
    <meta http-equiv="refresh" content="2;URL=https://www.oldboyedu.com">
    <!--告诉IE以最高级模式渲染文档(了解)-->
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    

    name属性使用举例

    <meta name="keywords" content="meta总结,html meta,meta属性,meta跳转">
    <meta name="description" content="老男孩教育Python学院">
    

    html标签的格式

    标签的语法:
    <标签名 属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名>
    <标签名 属性1=“属性值1” 属性2=“属性值2”…… />
    
    标签常用(共有)的属性:
    id:定义标签的唯一ID,HTML文档树中唯一
    class:为html元素定义一个或多个类名(classname)(CSS样式类名)
    style:规定元素的行内样式(CSS样式)
    

    html常用的标签

    head内常用标签
     标签                  意义                         
     <title></title>    定义网页标题                
     <style></style>    定义内部样式表               
     <script></script>  定义JS代码或引入外部JS文件   
     <link/>            引入外部样式表文件或网站图标 
     <meta/>            定义网页原信息               
    
    body内常用标签

    基本标签

    <b>加粗</b>
    <i>斜体</i>
    <u>下划线</u>
    <s>删除</s>
    
    <p>段落标签</p>
    
    <h1>标题1</h1>
    <h2>标题2</h2>
    <h3>标题3</h3>
    <h4>标题4</h4>
    <h5>标题5</h5>
    <h6>标题6</h6>
    

    特殊字符

    内容	    对应代码
    空格   	&nbsp;
    >	     &gt;
    <	     &lt;
    &	     &amp;
    ¥	     &yen;
    版权  	&copy;
    注册	    &reg;
    
  • 相关阅读:
    vue实战使用ajax请求后台数据(小白)
    jQuery实现tab栏切换效果
    jQuery下的ajax实例
    数据库之视图更新
    SQL Server 全文索引创建
    SQL Server 分区表
    数据快照 (Database Snapshot)
    FileStream
    ODBC,OLEDB,ADO,ADO.net,JDBC 理解
    拖延症?贪玩?来试试"百万金币时间管理法"
  • 原文地址:https://www.cnblogs.com/cheng825/p/11655029.html
Copyright © 2020-2023  润新知