html实用模板,html网页布局实用模板.doc
实用标准文案
文档大全
1 html笔记
一、HTML的概述(了解)
a.html是什么 : hypertext markup language 超文本标记语言
超文本:音频,视频,图片称为超文本。.
标记 :称为标记. 一个HTML页面都是由各种标记组成。
b.作用:编写HTML页面。
c.HTML语言不是一个编程语言(有编译过程),而是一个标记语言(没有编译过程).
HTML页面直接由浏览器解析执行。
二、HTML的历史(了解)
三、HTML的网络术语(明白)
* 网页 :由各种标记组成的一个页面就叫网页 .
* 主页(首页) : 一个网站的起始页面或者导航页面 .
* 标记:
称为开始标记
称为结束标记. 也叫标签.每个标签都规定好了特殊的含义。
* 元素:
内容
称为元素.
* 属性: 给每一个标签所做的辅助信息。
* xhtml: 符合XML语法标准的HTML。
* dhtml:dynamic,动态的。javascript + css + html 合起来的页面就是一个dhtml
* http:协议标准。用来规定客户端浏览器和服务端交互时数据的一个格式。SMTP 邮件传输协议,ftp:文件传输协议.
四、HTML的编辑工具(了解)
*.notepad 记事本
*.editplus : 语法高亮显示
技巧: 根据颜色判断单词是否出错。 (不是100%)
*.ultraedit : 根据颜色判断单词是否出错,可以显示2进制数据.
*.dw(dreamweaver,专业工具) 代码提示.
五、HTML的规范(知道)
*.HTML是一个弱势语言
*.html 不区分大小写
*.html页面的后缀名是html或者htm(有一些系统不支持后缀名长度超过3个字符,比如dos系统)
*.html 的结构
1)声明部分。主要作用是用来告诉浏览器这个页面使用的是那个标准。是HTML5标准。
2)head部分: 不会显示在页面上。作用是告诉浏览器一些页面的额外信息。
3)body部分:我们缩写的代码必须放在此标签內。
六、HTML的各种标签(掌握)
明确:每个标签都有私有属性。也都有公有属性。
html中表示长度的单位都是像素。HTML只有一种单位就是像素。
body:
bgcolor: 背景颜色
background:背景图片
text: 文本颜色
1.排版标签
所有的浏览器默认情况下都会忽略空格和空行
P:p代表一个段落
属性: align:对齐方式. 取值:left,right,center
代表是换行。
hr:
color: 线的颜色
size : 线的粗细
width: 线的长短
两种写法: 1) 绝对值 eg: 500
2) 相对值: 50%
noshade: 不要阴影
align: 对齐方式 取值: left,right,center
center: 内容居中
pre: 预定义格式标签 .告诉浏览器不要忽略空格和空行
div: 块级标签 必须单独占据一行
属性: align :
span: 块级标签 不换行字体标记
2 字体标签
h1...h6:定义字体大小
属性: align :居中
font:
color:字体颜色
颜色的写法有3种: 1)英文单词: red
2)十六进制:#00ffcc
3)RGB(三原色) : new RGB(124,156,23)
size:字体大小
face:字体类型
特殊字符: 大于 & &符号 " 双引号'单引号
© 版权 ™商标 空格
扩展:绐
b: 加粗
strong: 加粗
i:斜体
em: 斜体
u: 下划线
s: 中划线(删除线)
sup: 上标
sub: 下标.
3.图像标记
img: 代表是一副图片
属性: src : 图片的路径
两种写法:a) : 相对路径 路径是相对页面所在的路径 两个标记.和.. ,分表代表当前目录和父路径
html实用模板,html网页布局实用模板.doc相关推荐
- html简介框架模板,html框架布局后台模板.doc
html框架布局后台模板 篇一:使用框架布局页面 单元4--使用框架布局页面 学习目标: ? 理解框架布局的原理 ? 掌握使用框架进行页面布局的方法 ? 学习利用浮动框架嵌入插件 Dreamweave ...
- 交警队门户网站管理系统-蓝色模板 v2020.7.14 专为交警队设计的一套模板,模板风格大气实用。整站布局,调整方便,适合全国各地交警内部网络和互联网建站使用。
介绍 宁志交警队网站管理系统-蓝色模板为基于宁志公安网站管理系统核心程序,专为交警队设计的一套模板,模板风格大气实用.整站布局,调整方便,适合全国各地交警内部网络和互联网建站使用. 宁志网站管理系统是 ...
- 60个高质量的CSS、XHTML网页布局模板下载
无论您下载和解剖预建模板是为了学习最新的CSS布局技术,或者下载的目的是为了易于编辑制作现成的独立网站,您都不应该仅限于免费且可用的一个拥有众多克隆版本.陈旧的且往往是枯燥的模板.网页设计的流行趋势和 ...
- html页面排版div,divcss网页布局模板
急CSS布局HTML小编今天和大家分享DIV CSS自适应布局手机网页设计的模版 这个模版可以 当你缩小浏览器窗口时 可以看到它的样式的变化 ~~手机也适用 11. 请用HTML+CSS+Div书写组 ...
- DIV布局 web网页设计实例作业 ——抗疫-逆行者(5页) 致敬逆行者网页设计作品 大学生抗疫感动专题网页设计作业模板 疫情感动人物静态HTML网页模板下载
web网页设计实例作业 --抗疫-逆行者(5页) 致敬逆行者网页设计作品 大学生抗疫感动专题网页设计作业模板 疫情感动人物静态HTML网页模板下载 常见网页设计作业题材有 个人. 美食. 公司. 学校 ...
- 5个非常实用的小程序UI设计模板分享
在互联网飞速发展的时代,手机逐渐成为工作.学习和生活的必需品.小程序作为一种无需下载和安装即可使用的应用程序,因其快速.方便.强大的功能而受到用户的喜爱.小程序无处不在,随时可用,用完就走.随着需求市 ...
- 漂亮实用的15个脑图模板,你知道哪些是AI做的吗?
对于很多第一次接触到思维导图的朋友,看到软件的时候往往找不到方向,不知道如何创作? 今天大家的好助手来了. 一是有大量的思维导图模板,大家看着模板做,慢慢就会做了. 二是ProcessOn 思维导图已 ...
- 按头安利 好看又实用的餐饮美食海外PPT模板素材看这里
最近看到很多朋友吐槽餐饮美食海外PPT模板素材不好找,有时花了大把时间却没找到合适的,而且有的时候会涉及到各种问题等,不仅工作效率降低,还闹心郁闷,所以今天就给大家分享一下小编自己在亲身体验和搜寻网站 ...
- artcore html5,值得收藏的25款免费响应式网页模板_CSS_网页制作
对于开发者和设计而言,网页设计的活儿是干不完的.不同类型的网站对设计的诉求截然不同,从现在开始搜集各种网页模板吧.万一明天就可以用上呢?所以,你可以开始收藏下面25个响应式网页模板了 cmiHTML5 ...
最新文章
- 漫画详解:厌氧君和好氧君,谁才是明日之子?
- SpringMVC 4.0常用注解
- javascript第一天
- 真机测试报错ERROR/AndroidRuntime: java.lang.RuntimeException: setParameters failed解决办法
- Android资源文件在配置文件中的使用
- 2020品牌情商指数报告
- 微信第三方登陆,无需注册一键登录,获取用户信息,PHP实现方法
- 【ExtJS实践】之五 :常用语句及脚本备忘
- java maxheap_Java底层PriorityQueue 优先队列——基于MaxHeap最大堆
- pygame精灵组有哪些方法_利用 pygame 开发一款游戏:「跳跳兔」(六)
- response.sendRedirect()与request.getRequestDispatcher().forward()区别
- 2022届秋招的总结与体会
- 7部必看的纪录片,每一部都堪称经典,让人叹为观止!
- Linux虚拟机下WWW(HTTP)服务器的搭建与使用(详细)
- 广告学本科--现代管理学--[00107]
- 解读帖子:结构化编译器前端 Clang 介绍(VS2017编译clang)
- 深克隆和浅克隆的区别
- 教育培训机构的信息化管理,要先从这四大业务场景做起
- Vue笔记18_插槽slot
- java实例化的方式_Java对象实例化的6种方式