Js 第一堂课

最新推荐文章于 2024-07-20 23:54:17 发布

大大的芒果

最新推荐文章于 2024-07-20 23:54:17 发布

阅读量339

点赞数

文章标签： javascript 浏览器 html css

本文链接：https://blog.csdn.net/oz965557340/article/details/53857296

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1. Q1. html 语言写出来的代码是给谁读取的

**A1. 给浏览器解析

2. html 是双标记语言控制网页上所显示的东西

3. 网页由来三方面来展示内容html 表现css 行为javascript

4. 每一个标签元素都是一个盒子 <html>

5. script css 注释是用 /**/ //

6. 每一个标签都是一个对象对象都具有相应的属性

7. 元素的类型

8. 行级行块级块级元素性质

a. 基线

9. 行级元素如 a

对设置高宽无效依据盒子长宽高设置长宽高

可以和其相同行级别的标签处以同一行

半行距行距

单行大小决定了单行高度+行距

行高两行基线之间的距离

高度

em 为单行高度默认 16 px

> 盒子高度的计算判定过程

>> 行快处理

<!--> 处理视频

10. 行块级元素如 img

默认盒子的长宽

但是你要设置它的属性,也可以

>> 块级别元素如 p

设置宽高有效

默认情况下 , 宽度为父容器的100% ,高度由自身内容高度决定

默认情况下 , 无论自身多款多高 , 总是独占一行

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>JS 网页制作入门</title>
		<style type="text/css">
			html {
				background-color:red ;
				//background-border: 10px solib blue ; 
				border: 10px solid black;
			}
			a , img{
				//display:block;
				border:1px solid blue;
				vertical-align:top;
			}
			a {
				display:inline;
				font-size:20px;
				padding:0;
			}
			p{
				display:block;
				border: 1px solid black;
				width:200px;
				line-height:2em;
			}
		</style>
		<script type="text/javascript">
			//alert("hello world");
		</script>
	</head>
<!-- 
	MFC 替换 javascript
	2016年12月24日 08:16:16 
	-->

	<body>
		<h1>asd</h1>
		<a href="http://www.baidu.com/"　target="_blank" > 
		百度一下,你就知道</a><img src="56cbfd5dN2f553b53.jpg" /> <br /> <br /> <br />
		<a href="#"> 百度一下,你就知道</a>
		<p> p1标签 <br/>
			p1标签 <br/>
			p1标签 <br/>
			p1标签 <br/>
		</p>
		<p> p2标签 <br/>
			p2标签 <br/>
			p2标签 <br/>
			p2标签 <br/>
		</p>
		
		
	</body>
</html>