实用标准文案

文档大全

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相关推荐

  1. html简介框架模板,html框架布局后台模板.doc

    html框架布局后台模板 篇一:使用框架布局页面 单元4--使用框架布局页面 学习目标: ? 理解框架布局的原理 ? 掌握使用框架进行页面布局的方法 ? 学习利用浮动框架嵌入插件 Dreamweave ...

  2. 交警队门户网站管理系统-蓝色模板 v2020.7.14 专为交警队设计的一套模板,模板风格大气实用。整站布局,调整方便,适合全国各地交警内部网络和互联网建站使用。

    介绍 宁志交警队网站管理系统-蓝色模板为基于宁志公安网站管理系统核心程序,专为交警队设计的一套模板,模板风格大气实用.整站布局,调整方便,适合全国各地交警内部网络和互联网建站使用. 宁志网站管理系统是 ...

  3. 60个高质量的CSS、XHTML网页布局模板下载

    无论您下载和解剖预建模板是为了学习最新的CSS布局技术,或者下载的目的是为了易于编辑制作现成的独立网站,您都不应该仅限于免费且可用的一个拥有众多克隆版本.陈旧的且往往是枯燥的模板.网页设计的流行趋势和 ...

  4. html页面排版div,divcss网页布局模板

    急CSS布局HTML小编今天和大家分享DIV CSS自适应布局手机网页设计的模版 这个模版可以 当你缩小浏览器窗口时 可以看到它的样式的变化 ~~手机也适用 11. 请用HTML+CSS+Div书写组 ...

  5. DIV布局 web网页设计实例作业 ——抗疫-逆行者(5页) 致敬逆行者网页设计作品 大学生抗疫感动专题网页设计作业模板 疫情感动人物静态HTML网页模板下载

    web网页设计实例作业 --抗疫-逆行者(5页) 致敬逆行者网页设计作品 大学生抗疫感动专题网页设计作业模板 疫情感动人物静态HTML网页模板下载 常见网页设计作业题材有 个人. 美食. 公司. 学校 ...

  6. 5个非常实用的小程序UI设计模板分享

    在互联网飞速发展的时代,手机逐渐成为工作.学习和生活的必需品.小程序作为一种无需下载和安装即可使用的应用程序,因其快速.方便.强大的功能而受到用户的喜爱.小程序无处不在,随时可用,用完就走.随着需求市 ...

  7. 漂亮实用的15个脑图模板,你知道哪些是AI做的吗?

    对于很多第一次接触到思维导图的朋友,看到软件的时候往往找不到方向,不知道如何创作? 今天大家的好助手来了. 一是有大量的思维导图模板,大家看着模板做,慢慢就会做了. 二是ProcessOn 思维导图已 ...

  8. 按头安利 好看又实用的餐饮美食海外PPT模板素材看这里

    最近看到很多朋友吐槽餐饮美食海外PPT模板素材不好找,有时花了大把时间却没找到合适的,而且有的时候会涉及到各种问题等,不仅工作效率降低,还闹心郁闷,所以今天就给大家分享一下小编自己在亲身体验和搜寻网站 ...

  9. artcore html5,值得收藏的25款免费响应式网页模板_CSS_网页制作

    对于开发者和设计而言,网页设计的活儿是干不完的.不同类型的网站对设计的诉求截然不同,从现在开始搜集各种网页模板吧.万一明天就可以用上呢?所以,你可以开始收藏下面25个响应式网页模板了 cmiHTML5 ...

最新文章

  1. 漫画详解:厌氧君和好氧君,谁才是明日之子?
  2. SpringMVC 4.0常用注解
  3. javascript第一天
  4. 真机测试报错ERROR/AndroidRuntime: java.lang.RuntimeException: setParameters failed解决办法
  5. Android资源文件在配置文件中的使用
  6. 2020品牌情商指数报告
  7. 微信第三方登陆,无需注册一键登录,获取用户信息,PHP实现方法
  8. 【ExtJS实践】之五 :常用语句及脚本备忘
  9. java maxheap_Java底层PriorityQueue 优先队列——基于MaxHeap最大堆
  10. pygame精灵组有哪些方法_利用 pygame 开发一款游戏:「跳跳兔」(六)
  11. response.sendRedirect()与request.getRequestDispatcher().forward()区别
  12. 2022届秋招的总结与体会
  13. 7部必看的纪录片,每一部都堪称经典,让人叹为观止!
  14. Linux虚拟机下WWW(HTTP)服务器的搭建与使用(详细)
  15. 广告学本科--现代管理学--[00107]
  16. 解读帖子:结构化编译器前端 Clang 介绍(VS2017编译clang)
  17. 深克隆和浅克隆的区别
  18. 教育培训机构的信息化管理,要先从这四大业务场景做起
  19. Vue笔记18_插槽slot
  20. java实例化的方式_Java对象实例化的6种方式

热门文章

  1. linux SecureCRT ssh key认证登陆
  2. 重磅盘点:世界名校计算机专业必读的10本经典神书
  3. 流星群侠传服务器维护中是什么意思,流星群侠传一直进不去 无法进入游戏解决方法...
  4. 数据结构——常见链表算法题
  5. 绘制linuxGUI软件性能测试曲线
  6. 6.python解答蓝桥杯17年A组真题 迷宫
  7. php 雪花算法问题
  8. 15款得心应手的思维导图软件
  9. 分词计算频次代码-GO
  10. 【目标检测】MMDetection专栏之技术细节|四