前端开发复习
HTML复习1
前三个月都在学习设计方面的知识,以及PS、AI、AXURE、墨刀、ID的学习,极少有在写一些页面来巩固对前端开发的知识,最后的几天着重复习一下HTML和CSS
练习代码
<!DOCTYPE html><!--H5声明文档-->
<html><!--Html:根标签,一个页面中只能出现一个根标签。-->
<head><!--头部标签,帮助浏览器解析网页-->
<meta charset="utf-8" /><!--定义网页编码格式 -->
<meta name="keywords" content="HTML.css" /><!--定义网页搜索关键字-->
<meta name="description" content="HTML复习" /><!--网站简单描述-->
<title>页面标题</title> <!--网页标题,默认显示在浏览器标题栏中-->
</head>
<body><!--网页主体,所有可见内容-->
<!--<h1></h1>~<h6></h6>标题标签-->
好<br />d的
<br /><!--换行标签-->
<p>fsfsfff东方闪电</p><!--段落标签-->
<!--块元素:h1,div,table,br,p,ul,dl,ol,tr,header...-->
<!--行元素:img,a,-->
<!--区别:
块元素:独占一行
行元素:不独占一行
-->
<h2 style="width: 100px; height: 100px; background-color: red;">图标标签</h2>
<!--
常用属性:
src:加载 图片路径
alt:当图片加载失败时,执行该属性
title:当鼠标悬浮到图片时,显示提示文本
-->
<img src="img/login.jpg" alt="加载失败" title="好帅" />
<!--
href:连接地址
target:窗口打开方式
_self:在当前页面打开连接,默认
_blank:在浏览器新建一个窗口,打开连接
-->
<a href="http://pan.baidu.com">百度网盘</a>
<a href="http://www.baidu.com" target="_blank" style="width: 100px; height: 100px; background-color: royalblue;">百度一下</a>
<span>span</span>
<!--
无序列表
-->
<ul>
<li>首页</li>
<li>视频</li>
<li>音乐</li>
</ul>
</body>
</html>
知识着重点
-
mate的三个作用:1 、meta charset=“utf-8” 定义网页编码格式
2、meta name=“keywords” content="HTML.css"定义网页搜索关键字
3、meta name=“description” content=“HTML复习”-网站简单描述 -
块元素:h1,div,table,br,p,ul,dl,ol,tr,header... 行元素:img,a,span,img,input,strong,small,sup -区别: 块元素:独占一行 行元素:不独占一行
-
href:连接地址
target:窗口打开方式
_self:在当前页面打开连接,默认
_blank:在浏览器新建一个窗口,打开连接
<a href="http://www.baidu.com" target="_blank" style="width: 100px; height: 100px; background-color: royalblue;">百度一下</a>