前端

根据W3C标准,一个网页主要由三部分组
成:结构、表现还有行为

先说一下HTML

  • 下面就是最基本的HTML网页:

    
         这是一个非常好的网页
    

    
        

这是我的第一个网页

  • 1、title网页的标题标签,默认会显示在浏览器的标题栏中
    搜索引擎在检索页面时,会首先检索title标签中的内容
    它是网页中对于搜索引擎来说最重要的内容,会影响到网页在搜索引擎中的排名
  • 2、body标签用来设置网页的主体内容,网页中所有可见的内容,都应该在body中编写

*3、< !-- ......-->注释
在这个结构中,可以来编写HTML的注释
注释中的内容,不会在页面中显示,但是可以在源码中查看
我们可以通过编写注释来对代码进行描述,从而帮助其他的开发人员工作
一定要养成良好的编写注释的习惯,但是注释一定要简单明了

  • 4、 属性:
    可以通过属性来设置标签如何处理标签中的内容
    可以在开始标签中添加属性
    属性需要写在开始标签中,实际上就是一个名值对的结构
    属性名="属性值",一个标签中可以同时设置多个属性,属性之间用空格隔开



    网页标题


        
        

这是我的第二个网页

  • 编写格式:
    h5的文档声明,声明当前的网页是按照HTML5标准编写的
    编写网页时一定要将此声明写在网页的最上边
    如果不写文档声明,则会导致有些浏览器进入一个怪异模式,导致浏览器无法正常解析显示网页
    所以为了避免进入该模式,一定要写文档声明
  • 常见字符集:
    ASCII、ISO-8859-1、GBK、GB2312、ANSI、还有国际通用UTF-8
    需要告诉浏览器,网页所采用的编码字符集
    meta标签用来设置网页的一些元数据,比如网页的字符集、关键字、简介
    meta是一个自结束标签,编写一个自结束标签时,可以在开始标签中添加一个/


    
        
        设置字符集
    
    
        

这是一个网页

  • 标题标签:
    在HTML中,一共有六级标题标签,h1~h6
    在显示效果上h1最大,h6最小,但是文字的大小我们并不关心
    使用HTML标签时,关心的是标签的语义,我们使用的标签都是语义化标签
    6级标题中,h1的最重要,表示一个网页中的主要内容,h2~h6重要性依次降低
    对于搜索引擎来说,h1的重要性仅次于title,搜索引擎检索完title,会立即查看h1中的内容
    h1标签非常重要,它会影响到页面在搜索引擎中的排名,页面只能写一个h1一般页面中标题标签只使用h1、h2、h3以后的基本不使用
  • 段落标签:
    段落标签用于表示内容中的一个自然段
    使用p标签来表示一个段落
    p标签中的文字默认会独占一行,并且段与段之间会有一个间距
  • 在HTML中,字符之间写再多的空格,浏览器也会当成一个空格解析,
    换行也会当成一个空格解析
    在页面中可以使用br标签来表示一个换行,br标签是一个自结束标签
  • hr标签也是一个自结束标签,可以在页面中生成一条水平线


    
        
        常用的标签
    
    

        

一级标题

一级标题

一级标题

一级标题

一级标题
一级标题

我是一个p标签,我用来表示一个段落

我是一个p标签,我用来表示一个段落

锄 禾日当午,
汗滴禾下土,
谁知盘中餐,
粒粒皆辛苦


  • 在HTML中,一些如<、>这种特殊字符是不能直接使用的
    需要使用一些特殊的符号来表示这些特殊字符,这些特殊符号称为实体(转义字符)
    浏览器解析到实体时,会自动将实体转换为其对应的字符实体的语法:&实体的名字;
    &实体的名字:
    <(& lt;)
    (>)(& gt;)
    © (& copy;)

你可能感兴趣的:(前端)