网站源码下载搭建,网站设计的一般步骤是什么?,深圳视频网站开发,wordpress图片站模板一、引言
1.1HTML概念 网页#xff0c;是网站中的一个页面#xff0c;通常是网页是构成网站的基本元素#xff0c;是承载各种网站应用的平台。通俗的说#xff0c;网站就是由网页组成的。通常我们看到的网页都是以htm或html后缀结尾的文件#xff0c;俗称 HTML文件。 … 一、引言
1.1HTML概念 网页是网站中的一个页面通常是网页是构成网站的基本元素是承载各种网站应用的平台。通俗的说网站就是由网页组成的。通常我们看到的网页都是以htm或html后缀结尾的文件俗称 HTML文件。 二、HTML简介 2.1 简介 HTML全称Hyper Text Markup Language(超文本标记语言)。 超文本页面内可以包含图片、链接甚至音乐、程序等非文字元素。 标记标签不同的标签实现不同的功能。 语言人与计算机的交互工具。 2.2 作用 HTML使用标记标签来描述网页,展示信息给用户。 2.3 书写规范 HTML标签是以尖括号包围的关键字。 HTML标签通常是成对出现的有开始就有结束。 HTML通常都有属性格式:属性‘属性值’(多个属性之间空格隔开)。 HTML标签不区分大小写,建议全小写。 三、HTML基本标签 3.1 结构标签 html:根标签head网页头标签title/title:页面的标题/headbody/body网页正文
/html 颜色的表示方式 第一种方式用表示颜色的英文单词例red green blue 第二种方式用16进制表示颜色例#000000 #ffffff #325687 #377405 3.2 排版标签 可用于实现简单的页面布局。 注释标签 换行标签 br 段落标签 p文本文字/ p 特点段与段之间有空行 属性align对齐方式(left、center、right) 水平线标签: hr/ width水平线的长度(两种第一种像素表示第二种百分比表示)。 size水平线的粗细 (像素表示例如10px)。 color水平线的颜色。 align水平线的对齐方式。 3.3 块标签 使用CSSDIV是现下流行的一种布局方式。 3.4 文字标签 font标签处理网页中文字的显示方式。 3.5 文本标签 使用标签实现标签的样式处理。 3.6 标题标签 随着数字增大文字逐渐变小字体是加粗的内置字号默认占据一行。 3.7 列表标签 无序列表使用一组无序的符号定义 ul /ul ul typecircleli/li
/ul 有序列表使用一组有序的符号定义 ol /ol ol typea start1li/li
/ol 列表嵌套无序列表与有序列表相互嵌套使用。 代码举例 olli/lili/liliulli/li/ul/li
/ol 3.8 图形标签 在页面指定位置处中引入一幅图片 img / 3.9 链接标签 在页面中使用链接标签跳转到另一页面 标签 a href /a 属性href:跳转页面的地址(跳转到外网需要添加协议) 设置跳转页面时的页面打开方式target属性 _blank在新窗口中打开 _self在原空口中打开 指向同一页面中指定位置 定义位置 a name名称 /a 指向 a href#名称 /a 3.10 表格标签 普通表格(table,tr,td)。 tabletrtd/td/tr
/table 表格的列标签(th)内容有加粗和居中效果。 tabletrth/th/tr
/table 表格的列合并属性(colspan)在同一行内同时合并多个列。 tabletrtd colspan/td/tr
/table 表格的行合并属性(rowspan)在同一列跨多行合并。 tabletr rowspantd/td/tr
/table 四、综合案例 五、表单标签 html表单用于收集不同类型的用户输入数据。 5.1 form action表示动作值为服务器的地址把表单的数据提交到该地址上处理。 method请求方式get 和post。 get 地址栏请求参数都在地址后拼接 path?name张三password123456。 不安全。 效率高。 get请求大小有限制不同浏览器有不同但是大约是2KB一般情况用于查询数据。 post 地址栏请求参数单独处理。 安全可靠些。 效率低。 post请求大小理论上无限一般用于插入删除修改等操作。 enctype表示是表单提交的类型。 默认值application/x-www-form-urlencoded 普通表单。 multipart/form-data 多部分表单(一般用于文件上传)。 5.2 input 作为表单中的重要元素可根据不同type值呈现为不同状态。 5.3 select 单选下拉列表 select /select 默认选中属性selectedselected selectoption selectedselected内容/option...option/option
/select 多选下拉列表属性 select/ select 多选列表multiplemultiple select multiplemultipleoption/option
/select 5.4 textarea 多行文本框 textarea cols列 rows行 /textarea 5.5 综合示例 六、HTML框架标签 通过使用框架你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架并且每个框架都独立于其他的框架。 使用框架的缺点 开发人员必须同时跟踪更多的HTML文档。 很难打印整张页面。 6.1 frameset 框架结构标签 frameset /frameset用于定义如何将窗口分割为框架。 每个 frameset 定义了一系列行或列。 rows/columns 的值规定了每行或每列占据屏幕的面积。 frameset rows /frameset frameset cols /frameset 6.2 frame 每个frame引入一个html页面。 frameset cols*,*frame srcinfo1.html /frame srcinfo2.html /
/frameset 6.3 注意事项 不能将 body /body 标签与 frameset /frameset 标签同时使用。 假如一个框架有可见边框用户可以拖动边框来改变它的大小。为了避免这种情况发生可以在 frame标签中加入noresizenoresize。 6.4 综合案例 七、其它标签 7.1 其他标签 !--说明keywords用来告诉搜索引擎你网页的关键字是什么。 --
meta http-equivkeywords contentkeyword1,keyword2,keyword3
!--该网页的描述--
meta http-equivdescription contentthis is my page
!--该网页的编码--
meta http-equivcontent-type contenttext/html; charsetUTF-8
!--meta标签的Refresh代表多少时间网页自动刷新加上Url中的网址参数就代表多长时间自动链接其他网址。 --
meta http-equivRefreshContent时间;Url网址参数
!--代表禁止浏览器从本地计算机的缓存中访问页面内容,这样设定访问者将无法脱机浏览。--
meta http-equivPragmaCONTENTno-cache
!--content-Language显示语言的设定 --
meta http-equivContent-Languagecontentzh-cn/
!-- href引入css文件的地址--
link relstylesheet typetext/css href./styles.css
!--srcjs的文件地址--
script typetext/javascript src/script 7.2 特殊字符 占位符空格 - nbsp;
