zoukankan      html  css  js  c++  java
  • HTML一

    什么是前端:也称web前端对于网站来说,通常是指网站的前台部分,通俗点就是用户可以看到的部分, 浏览器、APP、应用程序的界面展现和用户交互就是前端 

    前端要学习那些技术:html+css+javascript ,html5+css3 

    HTML:html代码实际上就是一套能够被浏览器所识别的规则代码   代码注释:<!--内容--> :

    CSS:华丽的衣服。      代码注释:/* 注释内容*/ 

    JS/JavaScript:赋予这个人的行为,也就是动起来 , 代码注释 //注 释内容; 或者/*   注释内容 */,   

    HTML:

    <!--学习html就是学习一个一个标签-html代码实际上就是一套能够被浏览器所识别的规则代码,由一个个标签组成。html代码就是一大长串字符串-->

    标签:<h1> xxxxx <h1>

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    
    </body>
    </html>
    <head>标签:
    
    <head>
        <!--head中写的东西在页面上不呈现-->
        <!--自闭和标签,后面没有结尾,自闭和标签空格以后在里面写东西-->
        <meta charset="UTF-8">
        <!--打开页面后自动刷新1秒;后面跟其他网站就是一秒后跳转到其他网站上-->
        <meta http-equiv="refresh" content="1;http://www.baidu.com">
        <!--title内写的是修改浏览器的标签名称-->
        <!--主动闭合标签,后面有结尾-->
        <title>测试</title>
        <!--rel代表高数浏览器把link当做title的图标-->
        <!--rel=shortcut icon图标,stylesheet样式-->
        <link rel="shortcut icon" href="http://ui.imdsx.cn/static/image/dsx_Small.jpg">
        <!--引入js或写js的标签-->
        <script></script>
    </head>
    
    <body>标签
    View Code
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <!--<p></p>段落标签,用<br>进行换行-->
    <p>年轻,就是拿来折腾的。让自己具备独立生活的能力,<br>具备一技之长的资本,是需要无数个夜晚的静思,无数寂寞时光的堆积而成的。
    别在最该拼搏的年纪选择稳定,世界上最大的不变是改变,<br>只有每天进步,才能拥抱生命的无限可能
    <!--<h1> </h1>标题标签,可以写6级-->
    <h1>测试</h1>
    <!--块级标签,都是占一正行-->
    <div>dddd</div>
    <!--内行标签,自己有多大就占多大-->
    <span>ccccc</span><br>
    <!--文本标签,默认属性就是text,默认显示灰色提示文字-->
    <!--文本标其他属性text、password、button、checkbox、radio、file、submit、reset-->
    <input type="text" placeholder="请输入用户名" ><br>
    <!--密文密码状态-->
    <input type="password"><br>
    <!--按钮状态-->
    <input type="button" value="登录"><br>
    <!--多选框-->
    <input type="checkbox" ><span></span><br>
    <!--单选框-->
    <input type="radio"><br>
    <!--文件上传-->
    <input type="file"><br>
    <!--重置-->
    <input type="reset">
    
    </body>
    </html>
  • 相关阅读:
    ThingJS之聚光灯,js开发+控制面板轻松搭
    ThingJS不到50行代码就轻松开发拾取功能
    ThingJS:3D交互技术简化第一人称行走模式
    ThingJS:3D地图开发组件更新啦!
    ThingJS教你怎么用拖拽的方式变身热力图
    天空盒结合ThingJS开发平台,会碰撞出什么火花呢
    ThingJS中支持引用css样式并使用js语法开发
    ThingJS基于CMAP组件融合高德地图web API
    ThingJS:让可视化技术成为高效城市管理的好帮手
    SpringBoot整合Filter
  • 原文地址:https://www.cnblogs.com/test49355--/p/9695917.html
Copyright © 2011-2022 走看看