前端基础

Posted mengmeng1011

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端基础相关的知识,希望对你有一定的参考价值。

一、head.demo.html
<!--html5-->
<!DOCTYPE html>
<html lang="en">
<head>
<!--head中写的东西有个特点 就是不会在页面中呈现-->
<!--字符集编码-->
<!--自闭合标签-->
<meta charset="UTF-8">
<!--标签中存在属性-->
<!--有标签自带属性和自定义属性-->
<!--打开页面1秒后刷新-->
<!--<meta http-equiv="refresh" content="1">-->
<!--打开页面1秒后跳转到百度-->
<meta http-equiv="refresh" content="1;http://www.baidu.com">
<!--title是你浏览器tab的标签名-->
<!--主动闭合标签-->
<title>金牛座</title>
<!--title的图标-->
<!--rel代表告诉浏览器我要把link当做title的图标-->
<link rel="shortcut icon" href="http://ui.imdsx.cn/static/image/dsx_Small.jpg" >
<!--引入CSS样式表-->
<link rel="stylesheet" href="xx.css">
<!---引入js或者写js的->
<script></script>
</head>
<body>

</body>
</html>

二、body.demo.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
dfggfgfdgdsf
<!--<p>段落标签-->
<!--<br>换行标签-->
<!--<p>dfggfgfdgdsf<br>-->
<!--dfggfgfdgdsf</p>-->
<!--标题标签-->
<h1>标题标签</h1>
<h2>标题标签</h2>
<h3>标题标签</h3>
<h4>标题标签</h4>
<h5>标题标签</h5>
<h6>标题标签</h6>
<!--div是块级标签-->
<!--块级标签无论自己有多大 都占满一整行-->
<!--伪白板标签-->
<!--<div>水电费</div>-->
<!--span行内标签 或叫 内联标签-->
<!--行内自己有多大 就占多大-->
<!--白板标签 没有附着css样式的就叫做白板标签-->
<!--<span>水电费</span>-->
<!--<p>s123</p>-->
<!--<span>水电费</span>-->

<!--文本框-->
<!--name属性是跟后端交互的key value属性是跟后端交互的值-->
<!--{"username":"admin","passwd":"123123"}-->
<!--<input type="text" placeholder="请输入用户名" value="admin" name="username">-->
<!--passwd 密文-->
<!--<input type="password" placeholder="请输入密码" name="passwd">-->
<!--radio 单选-->
<!--<span>男</span><input type="radio" name="sex">-->
<!--<span>女</span><input type="radio" name="sex">-->


</body>
</html>









































































以上是关于前端基础的主要内容,如果未能解决你的问题,请参考以下文章

零基础学web前端,应该先学什么?

前端路由(1):基础知识

前端webSocket基础应用

前端基础(HTML,CSS,JavaScript)知识笔记,附:前端基础面试题!!

前端基础

零基础开始学 Web 前端开发,有啥建议吗