CSS+DIV程序设计笔记.docx
- 文档编号:10874147
- 上传时间:2023-02-23
- 格式:DOCX
- 页数:69
- 大小:242.89KB
CSS+DIV程序设计笔记.docx
《CSS+DIV程序设计笔记.docx》由会员分享,可在线阅读,更多相关《CSS+DIV程序设计笔记.docx(69页珍藏版)》请在冰豆网上搜索。
CSS+DIV程序设计笔记
JAVAWEB前台开发部分(JS+CSS+HTML)
HTML介绍
HTML是一种标记语言,主要用途是开发网页使用HTML可以展现文字、图片、视频、声音等等。
HTML是我们WEB开发的基础
注:
动态与静态的区别是看能否与网站进行交互,交互是动态,反之是静态。
网页设计师:
HTML+CSS+JS+FLASH+美工
HTML和XHTML的区别:
XTML是实现HTML向XML的过渡。
HTML的运行运行原理:
1、本地运行:
HTML文件使用浏览器(软件)打开。
2、远程访问运行:
HTML文件放在远程服务器上面,用户通过浏览器向远程服务器发出请求进行相关信息的下载。
(目前除了自己调试外基本上都是远程访问HTML文件)
HTML的基本结构
不管HTML文件有多复杂,它的基本结构式:
<元素属性=“属性值”。
。
。
。
>内容元素>元素又叫标记
如果没有内容可以这样写<元素属性=“属性值”。
。
。
。
/>
案例:
段落标记
换行标记(一般放在末尾)
字体加粗
--head表示文件头-->
—下面红色部分为防止出现乱码的处理语句-->
--title表示文件标题-->
第一个WEB程序设计
--body表示文件体-->
横看成领侧成峰
苏轼
--
也表示换行-->
HTML符号实体介绍:
在网页上显示一些特殊符号,我们需要使用html的符号实体,有些人把它称为字符实体。
©空心圆
£英镑
®版权
空格
<小于号
>大于号
&等于号
&guot;引号
html常用标记/元素,超链接。
使用超链接可以让网页链接到另外一个页面。
举例:
如果是
电子邮件URL”> html常用标记/元素-image html图片元素: border是边框粗细通过1、2、3、4 注: src可以是外部网站的一个图片url html常用标记/元素-table 表格的主要用途: 显示数据和图片,并且可以布局。 bgcolor背景颜色 注意: 表格名称是table代表行; 代表列align位置包括left、right、center 1 2 代表表格中的内容的放置格式是表格的行
cellspacing=”表格空隙大小;是指两个列,行间的距离。
cellpadding=”表格填充大小;各行各列中的内容被填充,这样就会在一定程度上把格子称大
符号实体:
课程表案例:
//www.w3.org/1999/xhtml">
注:
cellspacing是填充边框属性
注:
colspan是合并行属性
注:
rowspan是合并列属性