• HTML笔记2


    1.开发网页的三种技术

    Html--->负责网页的结构

    Css--->站在美学的角度进行美化

    JavaScript--->站在用户体验的角度设计网页的交互效果

    Node.js --> JavaScript 能够前后端通吃

    2. Html

    2.1 html是什么?

    超文本标记语言(HyperText Markup Language)
    
    文本:txt 文本  
    超文本 :文本 、图片、链接、音乐、程序
    
    标记:标签 <html> 单标签和双标签  <meta>  <html></html>
    
    html当中,不存在编程语言的语法,而是充斥着各式各样的标签。
    
    html运行环境:浏览器 
    浏览器是用来打开网页的。
    
    在浏览器中我们见到的所有的网页本质上都是一个文本,而这文本又
    称之为 html。
    
    
    <h1>hello,world</h1>
    
    w3c  ---  万维网  兼容性处理  
    
    
    html 不是一门编程语言,只是一门标记语言,类似于工具一样的东西。
    
    htm  -->  比较老的教科书里面 文件的后缀htm
    html -->  html
    
    htm文件不完整的支持html5的语法
    

    2.2 sublime 插件

    ctrl + shift + p 输入 install  选择 install package 
    
    在新的输入框中输入emmet  ,选择即可。
    

    2.3 html5文档结构说明

    <!DOCTYPE html> html5文档声明头 ,想要完整的使用html5语法,必须使用 文档声明头,声明当前文件是html5文件

    双标签 定义html文档内容的结构 所有的html文档的内容 都需要写在这对标签内部。

    头部 通常情况下,里面写的内容是对于当前网页的一些 预定义信息设置。

    身体 网页 里面要显示给用户看的内容,全部写在body里面

    2.4 网页预定义信息

    <meta charset="UTF-8"> 设定当前网页的编码格式.meta标签是一个单标签,通过charset 属性,将其属性值设置为需要 的编码,即可为当前的网页设置编码格式。

    <meta name="author" content="李白"> <meta name="keywords" content="h5培训,航哥最牛逼 ,连言约航哥...">

    seo优化 百度会对收录的所有的网站有一个评分系统 评分越高,越靠前。

    <title>网页标题</title>

    通常情况下, tilte要放在meta字符集设置的下面,防止出现乱码

    <link rel="stylesheet" href="style.css">

    引入外部的css文件

    <style> /*css代码*/ </style>

    <script src="01.js"></script>

    引入外部的js脚本文件,需要注意的是,两个script标签中间不能存在任何内容换行都不可以

    <script> // js代码 </script>

    2.5 常用标签

    <hr>换行分割线

    <br>换行

    <h1>-<h6>多级标题

    <!---->注释

    在html中,一些语义不是太明显的标签我们可以用来做挂件。

  • 相关阅读:
    通过socket,实现简易版的通讯
    控制台报错[WDS] Disconnected!
    js里面可以提升性能的有哪些方法
    构造函数与普通函数的区别
    事件循环(event loop)
    二维数组的创建以及简单举例
    es5数组的api(了解)
    字符串的api (基础)
    git常用命令
    连接MongoDB失败,处理办法
  • 原文地址:https://www.cnblogs.com/tian874540961/p/7077340.html
Copyright © 2020-2023  润新知