• 02、wed前端开发:html


    一、html标签

    <html></html> 创建一个HTML文档
    <head></head> 设置文档标题和其它在网页中不显示的信息
    <title></title> 设置文档的标题        
    <h1></h1> 最大的标题

    <u></u> 下划线
    <b></b> 黑体字    
    <i></i> 斜体字

      1、对应在HTML网页中需要斜体或强调显示文本内容,i和em标签都可以使用。  

    <cite></cite> 引用,通常是斜体        
    <em></em> 强调文本(通常是斜体加黑体)

      1、<em> 标签修饰的内容都是用斜体字来显示,但这些内容也具有更广泛的含义,如果你只想使用斜体字来显示文本的话,请使用 <i> 标签。除此之外,文档中还可以包括用来改变文本显示的级联样式定义。

    <strong></strong> 加重文本(通常是斜体加黑体)

    二、格式标志标签

    <p></p> 创建一个段落    
    <p align=""> 将段落按左、中、右对齐  
    <br> 换行 插入换行符  

    <dl></dl> 定义列表
    <dt> 放在每个定义术语词前
    <dd> 放在每个定义之前
    <ol></ol> 创建一个标有数字的列表  
    <ul></ul> 创建一个标有圆点的列表
    <li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,
      若在<ul></ul>之间则每个列表项加上一个圆点    
    <div align=""></div> 用来排版大块HTML段落,也用于格式化表
    <menu>选项清单  
    <dir> 目录清单  
    <nobr></nobr> 强行不换行
    <hr size='9' width='80%' color='ff0000'>水平線(設定寬度) 

      1、我们在需要上下内容一个分割开时候并且需要一条线间隔,我们可以使用html hr标签实现。
      2、同时我们可以对hr设置简单样式 实现不同美观效果,比如粗细长短等CSS样式。 
    <center></center> 水平居中  

    链接标志表格标志
    <a href="URL"></a> 创建超文本链接  
    <a href="mailtEMAIL">
    </a> 创建自动发送电子邮件的链接  
    <a name="name"></a> 创建位于文档内部的书签
    <a href="#name"></a> 创建指向位于文档内部书签的链接
    <BASE> 文档中不能被该站点辨识的其它所有链接源的URL
    <LINK> 定义一个链接和源之间的相互关系 

    链接标记注解:

    target="..."决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top
    rel="..."发送链接的类型  
    rev="..."保存链接的类型
    accesskey="..."指定该元素的热键
    shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly
    coord="..."使用像素或者长度百分比来定义形状的尺寸
    tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)

    html中的meta标签

    在一个网页中meta标签常常被用做网页关键字、网页介绍、作者、网页编码、robots、自动跳转等声明及说明标签。

    网页显示字符集网页编码
    简体中文:<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

    中文:<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

    繁体中文:<meta http-equiv="Content-Type" content="text/html; charset=BIG5" />

    英 语:<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    2、网页制作者信息 
    <meta name="author" content="Evance" />

    3、网页关键字声明(搜索引擎优化地方) 
    <meta name="keywords" content="abc,xxx,defg,xyz" />

    4、网页简介说明(搜索引擎优化地方)
    <meta name="description" content="简介内容如本页div+css教程之meta标签说明-www.divcss5.com" />

    5、防止别人在框架里调用你的页面<meta http-equiv="Window-target" content="_top" />

    6、自动跳转(此标签用法可以让网页在多少秒后自动从当前页面跳转到另外一个网页页面或网站)
    <meta http-equiv="Refresh" content="5;URL=http://www.divcss5.com" /> 
    Content后跟值为当前页面在多少时间跳转;
    Url值为跳转到具体网页网站

    7、网页告诉搜索机器人向导对此网页操作(用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引)
    <meta name="robots" content="all" /> 
    content的参数有all,none,index,noindex,follow,nofollow。默认是all。如果在一个页面不加入此标签默认情况下content="all"意思是搜索并收录抓取爬行此网页及此网页指向页面。

    搜索引擎:robots取值
    none 
    搜索引擎将忽略此网页,等价于noindex,nofollow。 
    noindex 
    搜索引擎不索引此网页。 
    nofollow 
    搜索引擎不继续通过此网页的链接索引搜索其它的网页。 
    all 
    搜索引擎将索引此网页与继续通过此网页的链接索引,等价于index,follow。 
    index 
    搜索引擎索引此网页。 
    follow 
    搜索引擎继续通过此网页的链接索引搜索其它的网页。 
    搜索引擎对搜索与收录方法介绍-百度站长工具

  • 相关阅读:
    SQLServer2008设置 开启远程连接
    关于VS 中 HttpHandler 的设置 500.23
    类似谷歌,百度的文本框自动提醒
    MySQL主从配置
    docker 16 dockerfile案例-ONBUILD案例
    docker 15 dockerfile案例-CMD、ENTRYPOINT案例
    docker 14 dockerfile自定义mycentos
    docker 13 dockerfile的保留字指令
    2019年3月1日
    jenkins使用3----相关工具安装
  • 原文地址:https://www.cnblogs.com/wxt19941024/p/7387515.html
Copyright © 2020-2023  润新知