第一讲 Web基础开发.docx
《第一讲 Web基础开发.docx》由会员分享,可在线阅读,更多相关《第一讲 Web基础开发.docx(18页珍藏版)》请在冰豆网上搜索。
第一讲Web基础开发
第一讲Web基础开发
1.HTML编程技术
HTML的英文全称是HypertextMarkedLanguage,中文叫做“超文本标记语言”。
对HTML的编辑使用普通的文本编辑器即可(记事本、Editplus等)。
1.1head头元素
Description网页的描述信息关键字,Keywords当搜索引擎查找时,按此关键字查找,content-type用来设置网页的编码,author设置网页的作者姓名,refresh设置网页自动刷新时间。
第一个html页面第一个html页面
1.2常用标记
Html常用标记都放在body标记内。
常用的标记有字体标记,图片标记,超链接标记,列表标记,表格,表单,块级元素(div和span)
(1)字体标记
基本语法:
***
html字体标记实例
字体的名称,可以在“控制面板---字体”中看到。
(2)图片标记
src属性表示图片的路径和文件名,width和height为宽和高,border为边线宽度。
(3)超链接标记
基本语法**,是Anchor(锚)的缩写,从一个页面链接到另一个页面。
链接到电子科技大学网站
(4)列表标记
有两种方式,有序列表和无序列表。
有序列表
- html编程基础
- css基础
- javascript编程基础
无序列表
- html编程基础
- css基础
- javascript编程基础
(4)表格标记
表格基本标记
跨行跨列
利用rowspan和colspan设置跨行跨列
跨两行跨两列
1000 | 1000 |
1000 | 3000 | 4000 |
Cellpadding和cellspacing属性的使用,前者是单元格的编剧,字与单元格边框的距离。
后者指单元格间距。
第一行第一列 | 第一行第二列 |
1第二行第一列 | 第二行第二列 |
第一行第一列 | 第一行第二列 |
1第二行第一列 | 第二行第二列 |
表格样式
可以用过BordeCcolor设置表格边框颜色,Bgcolor设置背景颜色,Align设置表格的对齐方式。
序号 | 姓名 | 高数 | 语文 | 软件工程 | 1 | 徐东 | 150 | 150 | 150 |
2 | 岳双 | 150 | 150 | 150 |
(5)表单标记
通用格式:
***
Post方式,在浏览器的地址栏中不显示提交的信息,这种方式传输数据没有数据量的限制;Get方法将信息传递到浏览器的地址栏上,最大传输信息量是2KB。
不指明,默认是Get方式。
用户名:
密码:
(5)div和span标记
yellow”>这是一个div