《韩顺平html笔记(10页).doc》由会员分享，可在线阅读，更多相关《韩顺平html笔记(10页).doc（10页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、-韩顺平html笔记-第 10 页html介绍html是一种标记语言，主要用于开发网页，使用html可以展现文字，图片，视频，声音，html是我们网站开发的基础html可以编写静态网页，不能编写动态的，动态是指能与网站进行交互 一、Html的运行原理1.本地运行html文件 使用 浏览器（软件）打开2.远程访问运行你的电脑（浏览器） 另一台电脑 远程服务器（hello.html）在基本情况，除了自己测试外，基本都是远程访问html文件将html文件放在tomcat下 二html的基本结构第一个网页hello元素内容1不管这html文件有多复杂，它的基本结构是元素内容 元素也叫标记举头望明月2.
2、案例段落标记 跳转到下一行的下一行字体标记size取值1到7标题字体 #=1，2，3，4，5，6：字体加粗换到下一行将html的内容放在体内第一个网页 文件的头部，此处可以略去不写 注释这样写静夜思床前明月光疑是地上霜举头望明月低头思故乡 三、html符号实体© £ ® 四、html超链接使用超链接，可以使网页链接到另外一个页面*超链接案例*hello hellohello hellohello hello什么也不写，默认是_self（替换当前页面）百度首页搜狐首页 五、html图片元素（标记）Html文件不区分大小写指定宽度之后高度不用再指示，会自动按比例计算可
3、以盗连别人的图片方法：复制要盗连的图片的网址 加边框特别说明：url可以是外部网站的一个图片 六html表格表格的主要用途：显示数据和图片，布局基本语法：1.做出这样的一个表格的代码 125 125125 表格元素名称是table表示一行 表示一列cellspacing是指空隙大小：指列与列，行与行之间的空隙大小cellpadding表示填充大小：表示各行各列中的内容的填充，这样就会在一定程度上撑大格子2.练习星期一菜谱素菜青草茄子花椒扁豆小葱豆腐炒白菜荤菜油焖大虾海参鱼翅红烧肉 烤全羊说明：colspan合并行，rowspan和并列 详见菜谱.html文件 七无序列表ul/li基本语法默认的
4、是实心的小圆点传奇三国精英 八.有序列表基本语法默认的编号是1,2,3代码如下：传奇三国精英 九html框架标记frameset/frame基本语法：1.代码： a1.html 文件周杰伦齐秦a2.html文件歌词all.html文件注意：all.html文件中不能带body标记，norsize使中间不能拖拽2.综合的小案例代码如下：top.html文件left.html文件青花瓷当兵的人right1.html文件青花瓷的歌词right2.html文件当兵的人的歌词zong.html文件 十Html常用标记-form介绍：html表单元素主要是让用户输入数据，提交给服务器1.基本语法默认的是g
5、et方法2.案例login.html文件html登陆界面登陆界面用户名:密 码:OK.html文件登陆OK！从上面的案例，我们可以看出（1） 表单元素的格式type= text（文本框） password（密码框） hidden（隐藏框） checkbox（复选框） radio（单选框） submit（提交按钮） reset（重置按钮） image（图片按钮）name 是给该表单元素取名（2） action指定把请求提交给哪个页面post不会在地址栏上显示，但是get会在地址栏上显示，这样很危险input元素的举例您的姓名：密码：苹果香蕉男女这里有一个隐藏的表单元素注意：
6、隐藏的作用是既可以提交数据，又不影响数据，不占有空间 单选框和复选框都要使用相同的名字。Checked单选框复选框都可以使用，表示默认选项苹果香蕉select/option/texterea举例select 默认选中selected代码：select.html文件请选择你得爱好：请选择 提交的时候要提交value的值羽毛球看电视请在这里输入文本 可以进行文件的选择 十一.html的加强 1.语言字符集 您在浏览主页时，最好自己在浏览器的选项菜单内选择相应的语言。但是如果 HTML 文件里写明了设置，浏览器就会自动设置语言选项。hello 2. 背景色彩和文字色彩你好百度文本是蓝色，链接是红色 3.页面空白你好让文本靠近左上角 4.target 新窗口 本窗口 父窗口 整个浏览器窗口 5.标识线6.字体大小标题次句可以将字体无限放大，因为用最大此时满足不了需要face=”华文新魏” 可以给字设置不同的字体 7.图像 鼠标点到图片时，显示文字 8.会移动的文字啦啦啦，我会移动耶！