前端笔记整理

最新推荐文章于 2024-04-23 19:44:00 发布

$scope.靠谱青年

最新推荐文章于 2024-04-23 19:44:00 发布

阅读量483

点赞数

分类专栏：前端笔记

本文链接：https://blog.csdn.net/qq_36236621/article/details/103339106

版权

前端笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

开发经验

1，图片不要同时设置宽和高，因为比例本身就是等比放缩

一，标签

1，提供百度搜索条件

<mata name = keywords ></mata>

2，不写title标签，网页标签的标题会显示为网页地址

3，源码中的连续换行会在页面上显示出一个空格来

4，标题标签h1的特点：

自动换行
有行间距（行间有空白）

5，横线

<hr size = "20" noshade="noshade" />

noshade=“noshade” 去除横线的阴影（纯色）

6，字体标签

<font size = "7" face= "微软雅黑" color = "red">字体属性 </font >

size的只有只有1-7，数字越大字体越大；face属性用于设置字体；color可用#RGB表示：纯红：ff0000 纯绿：00ff00 纯蓝： 0000ff

7，格式化标签

<b> 加粗
<i> 斜体

8，图片标签

<img src="#" width="100%" id = "img001">
<img src="/i/eg_tuli88p.jpg"  alt="图片显示异常" />

注释：当图片太大导致出现滚动条时，用 width="100%"完美处理图片与屏幕一样大(合理的比例是相对屏幕而言的)；图片显示异常时可以用alt弹出提示文字

9，定时器

<script>
    window.setInterval(changpic,2000);
    function changpic() {
        var document.getElementsByid("");
    }
</script>

注释：定时器两秒执行一次方法changpic

10，列表标签

<ul type = "circle">
	<li> 无序 </li>
	<li> 无序 </li>
	<li> 无序 </li>
	<li> 无序 </li>
</ul>

注释：type有三种值，分别是 circle：disc：● （默认）；○；square：■


<ol>
	<li> 有序1</li>
	<li> 有序2</li>
	<li> 有序3</li>
	<li> 有序4</li>
	<li> 有序5</li>
</ol>

注释：type有三种值，分别是： 1（默认）； a ； A ； i ；I。（各种计数方法）

10，超链接

<a href= "#" target = "_self">

注释：target有两个值：_self表示在本页打开新链接页；_blank表示在新的空白页打开链接

11，表格标签table下的一些属性

① 关于align:"center"

在<table align:"center" > 中： align:“center” 表示表格在页面居中
在<tr align:"center" > <td align:"center" >中： align:“center” 表示表格中的文本在单元格中居中
②<th> 特点：内容自动居中并加粗

12，段落p标签特点：自动换行，换行有留白

<p title="鼠标经过会提示">W3School.com.cn</p>

title 属性：鼠标放在上面可以显示提示文字

13，框架集标签：frameset

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
		<!--框架集 <frameset></frameset>
				作用:把页面分割为几个部分
				rows:
				cols:
				上面的框架只是理论上的划分,想有效果 必须配合子标签 frame
	    -->
	    
	<frameset rows="10%,*,10%">  <!--按比例分为三行 ， * 表示自动算比例-->
			<frame src="top.html"/>  <!--显示为指定网页-->
			   <!--子框架下可以再设置框架集-->
			<frameset cols="15%,*">
				<frame src="left.html"/>
				<frame name="rightframe"/>  <!--将指定网页显示在rifhtframe处-->
			</frameset>
			<frame src="bottom.html"/>
	</frameset>
</html>

在y页面left.html中，点击不同按钮，在指定位置rightframe中显示目标html。注意：target="rightframe"与name="rightframe"一起使用

<ul>
	<li><a href="xt.html" target="rightframe">系统管理</a></li>
	<li><a href="ry.html" target="rightframe">人员管理</a></li>
</ul>

14、文本输入域 textarea

<textarea rows="10" cols= "100">   //默认设置10行100列

15、input标签中type的十个属性

type = “text” 20个字符
type = “password” 密码
type = “radio” 单选
type = “CheckBox” 复选
下面是按钮类型
type = “reset” 重置
type = “submit” 提交
type = “image” 图片
type = “hidden” 隐藏域 (页面上不显示，但可以提交)
type = “button” 普通按钮（按钮显示的内容要用value=“确认”来显示）
type = “file” 文件上传

16、清除float的浮动效果–clear

<div style = "claer:both">    两边都不许有浮动效果