码迷,mamicode.com
首页 > 其他好文 > 详细

前端基础(一)

时间:2018-10-08 00:41:32      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:css样式   字符集   引入   script   mds   dmi   前端   ext   文本   

一、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>

前端基础(一)

标签:css样式   字符集   引入   script   mds   dmi   前端   ext   文本   

原文地址:https://www.cnblogs.com/mengmeng1011/p/9752011.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!