HTML复习1

最新推荐文章于 2024-05-23 13:39:19 发布

菲菲会灰

最新推荐文章于 2024-05-23 13:39:19 发布

阅读量192

点赞数

分类专栏：前端开发文章标签：复习课 1

本文链接：https://blog.csdn.net/weixin_43734012/article/details/88790229

版权

前端开发专栏收录该内容

13 篇文章 0 订阅

订阅专栏

前端开发复习

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>

菲菲会灰

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML复习1

前端开发复习HTML复习1前三个月都在学习设计方面的知识，以及PS、AI、AXURE、墨刀、ID的学习，极少有在写一些页面来巩固对前端开发的知识，最后的几天着重复习一下HTML和CSS练习代码<!DOCTYPE html><html> <head...
复制链接

扫一扫

专栏目录