什么是前端：也称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>标签
<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>

随机推荐

  1. Asp.Net Core 轻松学-利用xUnit进行主机级别的网络集成测试

    前言     在开发 Asp.Net Core 应用程序的过程中,我们常常需要对业务代码编写单元测试,这种方法既快速又有效,利用单元测试做代码覆盖测试,也是非常必要的事情:但是,但我们需要对系统进行集 ...

  2. 痞子衡嵌入式：开启NXP-MCUBootUtility工具的HAB签名功能 - CST（中英双语）

    1 Reason for enabling HAB signature function 为什么要开启HAB签名功能 NXP-MCUBootUtility is a tool designed for ...

  3. Hexo优化 | 创建sitemap站点地图并向Google提交

    前言 站点地图是一种文件,您可以通过该文件列出您网站上的网页,从而将您网站内容的组织架构告知Google和其他搜索引擎.Sitemap 可方便管理员通知搜索引擎他们网站上有哪些可供抓取的网页.搜索引擎 ...

  4. 【带着canvas去流浪】 （3）绘制饼图

    目录 一. 任务说明 二. 重点提示 三. 示例代码 四. hover高亮的实现思路 示例代码托管在:http://www.github.com/dashnowords/blogs 博客园地址:< ...

  5. Vue基础知识

    Vue特性: 双向数据绑定 通过 指令 扩展了 HTML,通过 表达式 绑定数据到 HTML 解耦视图与数据 可复用组件 虚拟DOM -> 对象 M-V-VM 数据驱动视图 Vue声明周期: b ...

  6. IGP和BGP路由协议配合降低非核心路由器的路由容量的实验与总结

    IGP和BGP路由协议配合降低非核心路由器的路由容量的实验与总结 一.结论 通过eBGP协议,可以显著降低对非核心路由器的路由容量要求,因为核心路由器的数量明显少于非核心路由器,所以,通过此措施既可以 ...

  7. 【English】三、以o结尾单词变复数

    一.以O结尾的词,许多加es构成复数,特别是一些常用词如: potatoes      土豆 tomatoes     西红柿 echoes 回声 tornadoes    龙卷风 torpedoes ...

  8. 重庆3Shape Dental System技术支持

    Dental System 2014中的一些新的功能:为提高生产力增添了自动冠功能软件会自动根据位置设计冠的形状,以适应周围的牙齿和拮抗剂.新的强大的用户体验优化了工作流程和一个新的重新设计的用户界面 ...

  9. python高级（4）—— 虚拟环境安装使用

    虚拟环境 什么是虚拟环境 对电脑稍微有点常识的朋友相信都玩过,比如VMware,virtualbox,或者你用电脑端的模拟器玩手机端的游戏也是一样,其实就是一个假的空间,在Python这里,虚拟环境就 ...

  10. Spring JPA 使用@CreatedDate、@CreatedBy、@LastModifiedDate、@LastModifiedBy 自动生成时间和修改者

    JPA Audit 在spring jpa中,支持在字段或者方法上进行注解@CreatedDate.@CreatedBy.@LastModifiedDate.@LastModifiedBy,从字面意思 ...