前端开发-html

hxmilyy

2020-05-11

前端必学的：
      html 文本
      css 装饰     
      js<javascript> 动态效果

http协议：
      超文本传输协议 用来规定服务端和浏览器之间数据交互的格式
      **四大特性：**
            1.基于请求响应
            2.基于tcp/ip作用于应用层之上的协议
            3.无状态
                  不保存用户的信息
            4.无/短连接
                  请求一次响应一次，
      **请求数据格式：**
            请求首行 标示http协议版本，请求方式
            请求头 k,v键值对
            请求体 存放的是提交的敏感数据 <post请求方式有请求体而get没有>
      **响应数据格式：**
            响应首行 标示http协议版本，响应状态码
            响应头 k,v键值对
            响应体 给浏览器展示给用户看的数据
      **响应状态码：**
            1XX:服务端已经成功接收到了你的数据正在处理，你可以继续提交额外的数据
            2XX:服务端成功响应了你想要的数据
                200: OK请求成功
            3XX:重定向(当你在访问一个需要登陆之后才能看的页面 你会发现会自动跳转到登陆页面)
            4XX:请求错误
                403:当前请求不合法或者不符合访问资源的条件
                404:请求资源不存在
            5XX:服务器内部错误(500)
      **请求方式：**
            get 朝server要数据
            post 朝server提交数据
            
      ps:url 统一资源定位符 <网址>


html:
    超文本标记语言
    **注释：**
        单行注释:<!__注释的内容__>
        多行注释:<!__
                注释的内容
                注释的内容
                注释的内容
                __>
        由于html代码非常的杂乱，所以用注释来划定区域方便查找，比如：
                                                        <!--导航条开始-->
                                                        <!--导航条结束-->
                                                        <!--左侧菜单栏开始-->
                                                        <!--左侧菜单栏结束-->
    **html的文档结构：**
        <html>
            <head></head> head:内的标签定义了一些配置是给浏览器看的
            <body></body> body:内的标签通过浏览器渲染给用户看的
        </html>
        PS:文件的后缀名是给用户看到的，对应不同的后缀名有不同的软件来处理并添加很多功能
        PS:代码是没有格式的，可以全部写在一行都没有问题，只不过我们习惯了缩进来表示代码
    **打开html文件两种的方式：**
        1.找到文件位置右键选择浏览器打开
        2.在pycharm，直接点击即可(打开html文件右上角有提示)
    **标签的分类1**
        1.双标签
        2.单标签<自闭和标签>
        head内的常用标签:
                        1.<title></title>:网页标题                       
                        2.<style>
                                h1 {
                            color: greenyellow;
                                    }
                        </style>:内部用来书写css代码                        
                        3.<script>
                                alert(123)
                        </script>  :内部用来书写js代码
                            <script src="myjs.js"></script>   还可以引入外部js文件                            
                        4.<link rel="stylesheet" href="mycss.css">  可以引入外部css文件                        
                        5.<meta name="keywords" content="老男孩教育">  用浏览器搜索 输入了keywords后面指定的关键字该网页有可能被百度搜索
                        <meta name="keyword" content="淘宝">
                        <meta name="description" content="淘宝网">  网页的描述性信息
        body内的常用标签:
                        <h1>我是h1</h1>  标题标签 1～6级标题
                        <b>加粗</b>
                        <i>斜体</i>
                        <u>下划线</u>
                        <s>删除线</s>
                        <p>段落</p>
                        <br>  换行
                        <hr>  水平分割线
    **标签的分类2**
        1.块级标签：独占一行
        2.行内标签：自身文本多大就占多大
        特殊符号
        常用标签
        img标签
        a标签
        标签两个重要书写
        列表标签

详细参考jason博客

前端开发 html代码软件 html语言 html文件