Html 学习 2013年11月18日
2013-11-19 00:48
232 查看
1.Html结构:
<html>
<head>/*标题 链接 样式 */</head>
<body>/* 网页内容*/</body>
</html>
2.容器有:<table> <p> <div> 可以换行。
(注: <span>不换行,显示的内容都在一行内)
3.控制边距样式的属性:cellspacing 外边距(与外容器的边距) cellpadding 内边距(外容器中各个小容器之间的边距)
4.样式中 点‘.’开头(.style1),用时用class="style1"
‘#’开头(#style2),用时用id="style2"
5.将样式写在独立的文件中,调用样式的格式:
css样式<link type="text/css" href="/*引用的文件路径*/" rel="stylesheet">
6.js的引用格式:<script type="text/javascript" src="/*引用文件的路径*/"></script>
7.行合并:rowspan="3",数字3表示现在的一行原来的几行
列合并:colspan="3",数字3表示现在的一列代表原来的几列
边框线合并:border-collapse: collapse
8.border属性设置线宽多少像素(例:border="1"表示线宽1个像素)
9.<meta charset="utf-8"><!--字符编码方式-->
10.弹窗:confirm("hello")弹窗有确定和取消,选择确定返回真,取消返回假
alert("123") 弹窗只有一个确定
11.js声明函数
<script type="text/javascript">
function test()
{
/*函数体的内容*/
}
</script>
如果将函数写入单独的文件中,只需写入
function test()
{
/*函数体的内容*/
}
在需要的文件中添加引用即可:<script type="text/javascript" src="js/test.js"></script>
<html>
<head>/*标题 链接 样式 */</head>
<body>/* 网页内容*/</body>
</html>
2.容器有:<table> <p> <div> 可以换行。
(注: <span>不换行,显示的内容都在一行内)
3.控制边距样式的属性:cellspacing 外边距(与外容器的边距) cellpadding 内边距(外容器中各个小容器之间的边距)
4.样式中 点‘.’开头(.style1),用时用class="style1"
‘#’开头(#style2),用时用id="style2"
5.将样式写在独立的文件中,调用样式的格式:
css样式<link type="text/css" href="/*引用的文件路径*/" rel="stylesheet">
6.js的引用格式:<script type="text/javascript" src="/*引用文件的路径*/"></script>
7.行合并:rowspan="3",数字3表示现在的一行原来的几行
列合并:colspan="3",数字3表示现在的一列代表原来的几列
边框线合并:border-collapse: collapse
8.border属性设置线宽多少像素(例:border="1"表示线宽1个像素)
9.<meta charset="utf-8"><!--字符编码方式-->
10.弹窗:confirm("hello")弹窗有确定和取消,选择确定返回真,取消返回假
alert("123") 弹窗只有一个确定
11.js声明函数
<script type="text/javascript">
function test()
{
/*函数体的内容*/
}
</script>
如果将函数写入单独的文件中,只需写入
function test()
{
/*函数体的内容*/
}
在需要的文件中添加引用即可:<script type="text/javascript" src="js/test.js"></script>
相关文章推荐
- 超强HTML和xhtml,CSS精品学习资料下载汇总(更新至7月15日)
- html学习笔记-高度塌陷
- Struts学习笔记之HTML标签库
- HTML基础学习-2-文本标记学习
- HTML基础学习-12-CSS class id 控件样式定义
- HTML学习一
- HTML学习之有序列表、无序列表和自定义列表
- HTML学习-基本概念
- Vue入门学习-使用服务器传来的JSON数据交给Vue渲染HTML页面
- google app engine java 学习 Samplehttp://www.vogella.com/articles/GoogleAppEngineJava/article.html
- QT学习:c++解析html相关
- 前端学习笔记之Html标签元素类别
- [HeadFist-HTMLCSS学习笔记][第五章认识媒体]
- html学习教程7之第一个html模版
- [HeadFirst-HTMLCSS学习笔记][第十二章HTML5标记]
- HTML+CSS学习笔记 (六)
- 零基础学习 HTML Day1 Lession4
- HTML+CSS学习笔记 (八)
- 学习HTML 基本语法二
- HTML+CSS学习笔记 (九)