什么是前端:也称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. Windows Server 2019 容器化探索-Docker安装

    Docker on Windows Server 2019 微软自Windows Server 2016开始支持Docker,今天我们将介绍在Windows Server 2019上安装并使用Dock ...

  2. Java设计模式系列-装饰器模式

    原创文章,转载请标注出处:<Java设计模式系列-装饰器模式> 一.概述 装饰器模式作用是针对目标方法进行增强,提供新的功能或者额外的功能. 不同于适配器模式和桥接模式,装饰器模式涉及的是 ...

  3. js正则表达式替换HTML标签以及空格(&nbsp;)

    参考:范仁义 js代码: function filter(text) { var reg = /<[^<>]+>/g;//1.全局匹配g肯定忘记写,2.<>标签中不 ...

  4. 携程Apollo一键编译脚本+部署实现

    系统编译安装 ubuntu16.11 java 1.8 系统规划 Portal共用 其它环境每个两台机器 mysql都做主从,所以每个环境的机器上都会安装admin 服务,config服务,以及一个m ...

  5. Gerrit系统框架介绍

    Gerrit目录介绍 转自:https://blog.csdn.net/tanshizhen119/article/details/79889242 先上图 bin/ : 主要是放gerrit.sh启 ...

  6. ajax和axios、fetch的区别

    参考文章: https://www.jianshu.com/p/8bc48f8fde75 Fetch API是新的ajax解决方案,用于解决古老的XHR对象不能实现的问题. fetch是用来取代传统的 ...

  7. informix存储过程笔记

    一.存储过程概述 存储过程是一个用户定义的函数,由存储过程语句(SPL) 和一组SQL语句组成,以可以执行代码形式存储在数据库中,和表.视图.索引等一样,是数据库的一种对象. 存储过程语言SPL(St ...

  8. Django 提交 form 表单(使用sqlite3保存数据)

    优化 提交 form 表单,https://www.cnblogs.com/klvchen/p/10608143.html 创建数据库的字段,在 models.py 中添加 from django.d ...

  9. OpenCL洗牌函数shuffle

    在OpenCL中,经常会碰到会对向量的多个分量进行交叉运算的情况,比如 float4 d4; //input float scale; //input float2 mix_0 = mix((floa ...

  10. Retrofit2.0 设置 连接超时

    Retrofit2.0 这个网络请求框架使用了很久了,最近一次出现一个小插曲. 有一个接口,返回的数据量因为业务的原因 会返回很大的数据量,此时网络不大好的情况下,会出现请求失败的情况 也就是回调了 ...