HTML学习小结
一、首先是在学习过程中曾困扰我的几个问题:
1、同一页面如何创建锚点?
答:如:①、在顶端写入一个标签<a name=“top”>顶端</a>,再在需要跳转的位置写
<a href =#top>跳到顶部</a>.
2、</noframes>
当别人的浏览器版本太旧,不支持框架这个功能时,看到的页面就是一片空白。为避免这种情况,可以使用noframes标签,这样看到的就是<noframes> 与</noframes>标签里的内容,而不是一片空白。这样可以提醒浏览转至新的浏览器。应用方法:在<frameset>标记范围加入</noframe>标记。如:
<frameset rows="80,*">
<noframes><body>很抱歉,馈下使用的浏览器不支援框架功能,请转用新的浏览器。
</body></noframes>
<frame name="top" src="a.html">
<frame name="bottom" src="b.html">
</frameset>
若浏览器支援框架,它就不会理会<noframes>里的东西。
3、<iframe>
Javascript中打开网页时,浏览器限制了网页运行时可运行的脚本,点击允许允许阻止的内容即可,切记切记!否则。。。
4、Javascript中alert() 而不是alter() 特别注意!
5、document.表单名.表单元素名.value 用于获取表单中输入的数据
6、window.document.myform.text 用于获取输入框的内容
二:对HTML全局部分的的理解
在运行HTML时,运用dreamweaver这一神器的软件,浏览器是必不可少的工具,也是“解释和执行”HTML源码工具。HTML中包括头部部分<head></head>和主体部分<body></body>。标签这一概念是HTML的重要元素,其中包括块级标签(成“块状”,前后隔一行)和行级标签(在一行内逐一显示)。典型的会计标签有:标题标签、段落标签和水平线标签。典型的行级标签有:图像标签<img>、范围标签<span>、换行标签<br/>.
下面是对常用于布局的块级标签的总结:
有序列标签、无序标签、定义描述标签、表格标签、表单标签、分区标签(<div></div>)
分区标签还可嵌入到<p>等标签中,作为普通块元素使用,也可做为容器。
另外,在实际开发火种常用的4中块状结构还有:
div-ul(ol)-li 分类导航或菜单
div-dl-dt-dd 图文混排
table-tr-td 图文布局或显示数据
Form-table-tr-td 布局表单
三、JS部分
Javascript是一种脚本语言,其作用时是:用户交互、动态更改内容和数据验证。
1、将JS嵌入网页的两种方法:
①、用<script>标签嵌入到HTML中
<title>无标题文档</title>
<script language="javascript">
//js代码;
<script>
②、将JS源文件链接到HTML文件中,这样可以使HTML文件看起来更简洁。
<script language="JavaScript"
src= "文件名.js">
</script>
2、JS中一个重要概念是事件,可以给按钮监听事件,用事件来触发函数的执行。如:下面是一个打开和关闭窗口示例:
<HTML>
<HEAD>
<TITLE>使用 Window 对象</TITLE>
<SCRIPT>
var w;
function openwindow()
{
window.open("google.htm");
}
function closewindow()
{
window.close();
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE=button VALUE="打开窗口" onClick="openwindow()">
<INPUT TYPE=button VALUE="关闭窗口" onClick="closewindow()">
</FORM>
<BODY>
</HTML>
HTML学习小结
一、首先是在学习过程中曾困扰我的几个问题:
1、同一页面如何创建锚点?
答:如:①、在顶端写入一个标签<a name=“top”>顶端</a>,再在需要跳转的位置写
<a href =#top>跳到顶部</a>.
2、</noframes>
当别人的浏览器版本太旧,不支持框架这个功能时,看到的页面就是一片空白。为避免这种情况,可以使用noframes标签,这样看到的就是<noframes> 与</noframes>标签里的内容,而不是一片空白。这样可以提醒浏览转至新的浏览器。应用方法:在<frameset>标记范围加入</noframe>标记。如:
<frameset rows="80,*">
<noframes><body>很抱歉,馈下使用的浏览器不支援框架功能,请转用新的浏览器。
</body></noframes>
<frame name="top" src="a.html">
<frame name="bottom" src="b.html">
</frameset>
若浏览器支援框架,它就不会理会<noframes>里的东西。
3、<iframe>
Javascript中打开网页时,浏览器限制了网页运行时可运行的脚本,点击允许允许阻止的内容即可,切记切记!否则。。。
4、Javascript中alert() 而不是alter() 特别注意!
5、document.表单名.表单元素名.value 用于获取表单中输入的数据
6、window.document.myform.text 用于获取输入框的内容
二:对HTML全局部分的的理解
在运行HTML时,运用dreamweaver这一神器的软件,浏览器是必不可少的工具,也是“解释和执行”HTML源码工具。HTML中包括头部部分<head></head>和主体部分<body></body>。标签这一概念是HTML的重要元素,其中包括块级标签(成“块状”,前后隔一行)和行级标签(在一行内逐一显示)。典型的会计标签有:标题标签、段落标签和水平线标签。典型的行级标签有:图像标签<img>、范围标签<span>、换行标签<br/>.
下面是对常用于布局的块级标签的总结:
有序列标签、无序标签、定义描述标签、表格标签、表单标签、分区标签(<div></div>)
分区标签还可嵌入到<p>等标签中,作为普通块元素使用,也可做为容器。
另外,在实际开发火种常用的4中块状结构还有:
div-ul(ol)-li 分类导航或菜单
div-dl-dt-dd 图文混排
table-tr-td 图文布局或显示数据
Form-table-tr-td 布局表单
三、JS部分
Javascript是一种脚本语言,其作用时是:用户交互、动态更改内容和数据验证。
1、将JS嵌入网页的两种方法:
①、用<script>标签嵌入到HTML中
<title>无标题文档</title>
<script language="javascript">
//js代码;
<script>
②、将JS源文件链接到HTML文件中,这样可以使HTML文件看起来更简洁。
<script language="JavaScript"
src= "文件名.js">
</script>
2、JS中一个重要概念是事件,可以给按钮监听事件,用事件来触发函数的执行。如:下面是一个打开和关闭窗口示例:
<HTML>
<HEAD>
<TITLE>使用 Window 对象</TITLE>
<SCRIPT>
var w;
function openwindow()
{
window.open("google.htm");
}
function closewindow()
{
window.close();
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE=button VALUE="打开窗口" onClick="openwindow()">
<INPUT TYPE=button VALUE="关闭窗口" onClick="closewindow()">
</FORM>
<BODY>
</HTML>
HTML学习小结
一、首先是在学习过程中曾困扰我的几个问题:
1、同一页面如何创建锚点?
答:如:①、在顶端写入一个标签<a name=“top”>顶端</a>,再在需要跳转的位置写
<a href =#top>跳到顶部</a>.
2、</noframes>
当别人的浏览器版本太旧,不支持框架这个功能时,看到的页面就是一片空白。为避免这种情况,可以使用noframes标签,这样看到的就是<noframes> 与</noframes>标签里的内容,而不是一片空白。这样可以提醒浏览转至新的浏览器。应用方法:在<frameset>标记范围加入</noframe>标记。如:
<frameset rows="80,*">
<noframes><body>很抱歉,馈下使用的浏览器不支援框架功能,请转用新的浏览器。
</body></noframes>
<frame name="top" src="a.html">
<frame name="bottom" src="b.html">
</frameset>
若浏览器支援框架,它就不会理会<noframes>里的东西。
3、<iframe>
Javascript中打开网页时,浏览器限制了网页运行时可运行的脚本,点击允许允许阻止的内容即可,切记切记!否则。。。
4、Javascript中alert() 而不是alter() 特别注意!
5、document.表单名.表单元素名.value 用于获取表单中输入的数据
6、window.document.myform.text 用于获取输入框的内容
二:对HTML全局部分的的理解
在运行HTML时,运用dreamweaver这一神器的软件,浏览器是必不可少的工具,也是“解释和执行”HTML源码工具。HTML中包括头部部分<head></head>和主体部分<body></body>。标签这一概念是HTML的重要元素,其中包括块级标签(成“块状”,前后隔一行)和行级标签(在一行内逐一显示)。典型的会计标签有:标题标签、段落标签和水平线标签。典型的行级标签有:图像标签<img>、范围标签<span>、换行标签<br/>.
下面是对常用于布局的块级标签的总结:
有序列标签、无序标签、定义描述标签、表格标签、表单标签、分区标签(<div></div>)
分区标签还可嵌入到<p>等标签中,作为普通块元素使用,也可做为容器。
另外,在实际开发火种常用的4中块状结构还有:
div-ul(ol)-li 分类导航或菜单
div-dl-dt-dd 图文混排
table-tr-td 图文布局或显示数据
Form-table-tr-td 布局表单
三、JS部分
Javascript是一种脚本语言,其作用时是:用户交互、动态更改内容和数据验证。
1、将JS嵌入网页的两种方法:
①、用<script>标签嵌入到HTML中
<title>无标题文档</title>
<script language="javascript">
//js代码;
<script>
②、将JS源文件链接到HTML文件中,这样可以使HTML文件看起来更简洁。
<script language="JavaScript"
src= "文件名.js">
</script>
2、JS中一个重要概念是事件,可以给按钮监听事件,用事件来触发函数的执行。如:下面是一个打开和关闭窗口示例:
<HTML>
<HEAD>
<TITLE>使用 Window 对象</TITLE>
<SCRIPT>
var w;
function openwindow()
{
window.open("google.htm");
}
function closewindow()
{
window.close();
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE=button VALUE="打开窗口" onClick="openwindow()">
<INPUT TYPE=button VALUE="关闭窗口" onClick="closewindow()">
</FORM>
<BODY>
</HTML>