什么是前端：也称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. pwnable.tw dubblesort 分析

    本系列为用于记录那些比较有意思的题目. 题目为一个排序算法,就如题目名称那样,dubblesort,32位程序. 利用思路为栈溢出,先是栈溢出泄露出栈上libc的相关数据从而获取libc地址,再是栈溢 ...

  2. Python编程从入门到实践笔记——if语句

    Python编程从入门到实践笔记——if语句 #coding=utf-8 cars=['bwm','audi','toyota','subaru','maserati'] bicycles = [&q ...

  3. MySQL InnoDB 修改表列Online DDL

    概述 一般来说数据库结构一经设计,不能轻易更改,因为更改DDL(Data Definition Language)操作代价很高,所以在进行数据库结构设计时需要谨慎. 但是业务发展是未知的,特别是那些变 ...

  4. es6涉及的那点东西

    前言 ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准.因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015. 也就是说,ES6就是ES20 ...

  5. 一个tomcat设置多个端口，多个端口对应多个应用

    修改tomcat/conf目录里面server.xml文件 例如下面这样新增一个8090端口,设置下appBase目录,这样就可以用一个tomcat监听多个端口,每个端口都可以放应用了.我这样新增下面 ...

  6. QuickBI助你成为分析师——计算字段功能

    摘要: 在用户创建报表时,通过现有字段数据不能直接满足展示需求,需要进行一定建模操作.目前产品支持在数据集编辑界面进行初步建模,下面主要介绍新建字段功能,以达到展示需求. 在用户创建报表时,有时通过现 ...

  7. SharePoint代码建表（实战）

    分享人: 广州华软 无名 一. 前言 虽然SharePoint提供可视化界面建表,但是,不利于开发自动化部署.通常,如果通过手动建表,我们先在测试环境建表,然后存为模板,再上传到实际环境,最后根据模板 ...

  8. Netty 核心容器之ByteBuf 结构详解

    原文链接 Netty 核心容器之ByteBuf 结构详解 代码仓库地址 Java的NIO模块提供了ByteBuffer作为其字节存储容器,但是这个类的使用过于复杂,因此Netty实现了ByteBuf来 ...

  9. 放下技术，是PM迈出的第一步

    上一篇,我们从项目层面提出了PM的核心能力架构.今天,我想从公司层面,分析一下PM的核心能力架构中的过程能力,这也是PM当下最关心.最真切的痛点. 还记得上一篇我的同事老A吗? 为什么他能在知名外企带 ...

  10. Java学习资源整理(超级全面)

    这里整理一些自己平常搜集的比较好的关于Java的学习资源,主要包括博客站点.书籍.课程等. 了解Java最新资讯 这部分主要是了解与Java相关的动态以及信息,能够拓展我们的视野以及寻找一些好的ide ...