HTML 2017.07.20

1. HTML 框架

1)使用html框架可以使一个窗口显示多个页面。

<iframe src="  url " style=".....">
name
</iframe>

2) 使用 frameborder移除 框架的边框

<iframe src="  url " style="....."  frameborder="0">
name
</iframe>

3) 让链接指向框架，把结果显示在框架中（使用target）

<iframe name="search" frameborder="0"  src="morning.html" style="width:1000px;height:500px">July</iframe>
<br> 
<a href="morning.html" target="search">search</a>

2. HTML颜色

rbg（num1,num2,num3）

共有255X255x255,大约1600万种组合。

3.HTML脚本(javascript)

1) <script>与<noscript>

插入一段脚本：hello world！

<script>document.write("Hello World!")</script>  <br/> <br/>
<noscript>You web browser doesn't support javascript!</noscript>

在IE浏览器中打开：

2） Javascript事件响应

① document.getelementbyid（“id name”）.innerhtml

用来得到id所对应的对象

②innerHTNL 简介

它是有双向功能的，使用x=document.getelementbyid("id name").innerhtml可以得到对应id的内嵌内容(value)。

使用document.getelementbyid("id name").innerhtml="content" 则向对应的id输入一些内容。

③onclick 事件，用来当按钮被点击是来执行相应的JavaScript代码。

实例①：

<p id="id1">content</p>
<script>
function myfunc()
{
     document.getElementById("id1").innerHTML="content 2";
}
</script>

<button type="button" οnclick="myfunc()">ClickHere</button>

实例② ：通过JavaScript来改变文本样式。

<p id="id3" >change the style of content by javascript:</p>
<script type="application/javascript">
	function func1()
	{
		x=document.getElementById("id3")
		x.style.color="#ff0000";	
		
	}
	</script>
<button   type="button" οnclick="func1()">Change</button>

4. html字符实体

 1）HTML字符实体是用来显示一些无法直接在HTML代码中显示的字符，例如html 是不能使用<和>;它们会被浏览器误认为标签。我们把这些字符称之为预留字符。 在HTML中我们使用字符实体 （character entities）来表示这些预留字符。

字符实体的格式： &+entity_name  或者 &#+entity_number

例如：    &lt ，&#60，&#060 都是用来显示 "   <  " 的

2）HTML中的空格实体（space）

HTML中提供了5中空格实体： &nbsp ;(no-break space) ,  &emsp; (em space) , &ensp;(en space), &thsp;( thin space ),

这些空格实体 表示的空格属性都不同，我们常用&nbsp; 后面的是全角空格实体和瘦弱空格实体；他们表示的空格宽度都不相同。

3） HTML中还提供了 一些 音标的字符实体；具体的字符实体可以参考 《HTML参考手册》。

注：字符实体对大小写是敏感的。

4） HTML URL（unique resource locator）

统一资源定位器。