• html
HTML 指超文本标签语言。
HTML 是通向 WEB 技术世界的钥匙。
html属性：所有标签的通用属性
html事件：On...html5加了很多事件
html视频/音频：处理音视频
html画布：标签用于绘制图像（通过脚本，通常是 JavaScript）。 不过，<canvas> 元素本身并没有绘制能力（它仅仅是图形的容器） - 您必须使用脚本来完成实际的绘图任务。
html文档类型：HTML5 ，HTML 4.01 / XHTML 1.0（含3种Transitional ，Strict， Frameset） ，XHTML 1.1 
html颜色名：16进制数字代表颜色
html字符集：Unicode标准是通用的，html都支持utf-8，xml都支持utf-16
html ascII：字符集的一部分128个，用于在网络上传输数据。
html ISO-8859-1：一种字符集，ISO组织的，Unicode标准utf-8开头的200多个就是这个字符。
html符号：字符集的一部分，符号们
html url编码：用16进制表示ascII码，用于在浏览器和插件中显示非标准的字母和字符。方便传输，有时在地址栏看到的带%的
html语言代码：HTML 的 lang 属性可用于网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的。 根据 W3C 推荐标准，您应该通过 <html> 标签中的 lang 属性对每张页面中的主要语言进行声明，比如： 
<html lang="en">
...
</html>
http消息：当浏览器向web服务器请求服务时，可能会发生错误，从而有可能会返回下面的一系列状态消息：
1XX是信息 2XX是成功 3XX是重定向 4XX服务器返回客户端错误 5XX服务器返回服务器错误
http方法：http设计的目的是用来客户机与服务器之间的通信。两种常用方法，get（从指定的资源请求数据）和post（向指定的资源提交要被处理的数据）
 
 
  • xhtml
XHTML 是更严谨更纯净的 HTML 版本。
XHTML 与 HTML 4.01 几乎是相同的。
<p>
    <a href="http://validator.w3.org/check?uri=referer"><img
      src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
  </p>
 
  • HTML 5
HTML 5 是下一代的 HTML。
HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。
 
 
  • css
CSS 指层叠样式表（Cascading Style Sheets）。
CSS 同时控制整个站点的样式和布局。
通过与 XHTML 结合，CSS 可以帮助我们实行表现与结构分离的开发模式。实现改样式表，就能控制所有html元素（即标签）的样式。
最初的html，不包含样式标签，只有内容标签，后来netscape和ie都加入了样式标签，如字体，字体色等，这时很难把内容和样式分开管理，非盈利的W3C联盟推出了样式，各浏览器都支持，把样式方面的定义独立出来了。层叠指可对单独的html元素，定义多个样式，按优先级判断使用哪个样式；可用多个css，分别定义不同html元素的样式。
 
概述：
样式定义如何显示 HTML 元素
样式通常存储在样式表中
把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
多个样式定义可层叠为一
 
  • css3
最新一代样式表
 
  • tcp/ip
互联网通信协议
 
  • 建站手册：
{    拓展1网站构建
    网站构建需要掌握的技术
html4.01
css
xhtml-html的未来。HTML5 是 HTML、XHTML 以及 HTML DOM 的新标准
xml
xslt。用于转换xml成浏览器可识别的xml
客户端脚本。例如JavaScript
服务器端脚本。ASP、PHP
使用sql管理数据
未来的新技术。静态转动态；新式浏览器
 
    网站产品设计
设计网站需要严谨的思考和周全的计划
最重要的是了解你的受众用户
用户都是浏览者。一般只会停留几秒，最重要的要直接呈现。
少即是多。
导航。所有页面用导航串起来，保持整站结构清晰，以便访问者浏览。
下载速度。可用性方面的研究告诉我们，如果网页的下载时间超过7秒，大多数访问者会选择离开。
允许你的用户发言。可得到技术和知识各不相同的人们大量有益的反馈。
 
    深入了解网站用户
您的用户所用的软件和硬件各不相同
最重要的是了解你的用户
他们使用什么显示器。分辨率支持1024*768，分辨率尺寸可变，以适应不同显示器。
他们使用什么浏览器。
他们安装了什么插件。你的网页使用的插件，用户有权限有么，用户们有么
怎样帮助残疾人士。这些用户也许，是也许，也许同样需要访问你的网站。这是蓝海？？？
用户都是浏览者。一般只用几秒时间看你的网页。
 
    网站标准
按标准开发，更加容易面对多版本的各种技术。也更方便协作，大家遵循约定的规则。
 
    网站验证
验证编写的网页是否符合标准，如html文件、css文件、xhtml文件、xml、wml（与html类似）是否符合对应标准。
 
    万维网联盟
万维网联盟（W3C）创立了 WWW 标准。
W3C 的使命是通过发展规范、指导方针、软件以及工具，来尽展万维网潜能。
最重要的 W3C 标准是：
HTML
XHTML
CSS
XML
XSL
DOM
 
    网站安全
此刻，您已向整个世界提供了您的 IP 地址。
请确保您没有同时提供对私人数据的访问权限。
您的 IP 地址是公共的
固定的 IP 地址要冒更大的风险。
 
    浏览器信息
各种常用浏览器的信息
 
    网站品质
使用最新的 WEB 标准。html4.01或用xml重新表达html4.01的xhtml。使用css1或2或3。通过web验证工具的验证网页。
增强网页的易读性。根据WAI（W3C发起的网页易读性倡议）的指导方针编写页面。即使残障人士，也能阅读。
html元素内容更合理。如title意义正确；改用h1标签就用h1，以免给搜索引擎带来困扰；doctype内容正确。
使用样式表注意事项。不在页面文件使用font标签，改到css，不至于改font需要改很多处，改css一处即可；不使用固定的字体尺寸，使用相对尺寸值，在调整浏览器显示比例时，就会跟随变化显示比例；不使用很小的默认字体尺寸；字体和背景颜色，不至于相同影响阅读。
字的可读性要好。不会看不清；不会字挤到一起，或间距过大；避免奇特的字体；少用斜体；另外为了在关闭浏览器图片显示的情况下，使用alt属性。
国际化。
 
    语义网
一个电子商务网站

前端- html 和css的更多相关文章

  1. 前端开发：css基础知识之盒模型以及浮动布局。

    前端开发:css基础知识之盒模型以及浮动布局 前言 楼主的蛮多朋友最近都在学习html5,他们都会问到同一个问题 浮动是什么东西?  为什么这个浮动没有效果?  这个问题楼主已经回答了n遍.今天则是把 ...

  2. 前端之DIV+CSS布局

    刚开始学习javaweb,首先定位学习后端,可是随着学习的深入和项目的进行,越来越发现前端知识的欠缺,之前也随着视频看过,随着时间的流逝,具体的应用也随之忘记了. 而现在开始自己练习项目,发现前端知识 ...

  3. 前端Html和Css面试题

    前端Html和Css面试题Html篇:1.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? IE: trident内核 Firefox:gecko内核 Safari:webkit内核 Ope ...

  4. 2.前端笔记之css

    title: 1.前端笔记之CSS date: 2016-04-05 23:05:51 tags: 前端 categories: w3c --- 作者:刘耀 **出处:http://www.liuya ...

  5. 前端零基础 --css转换--skew斜切变形 transfor 3d

    前端零基础 --css转换--skew斜切变形 transfor 3d==============重要不紧急! 重要紧急 重要不紧急 不重要紧急 不重要不紧急

  6. 前端html、CSS快速编写代码插件-Emmet使用方法技巧详解

    前端html.CSS快速编写代码插件-Emmet使用方法技巧详解   Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生.它使用仿CSS选择器的语法来 ...

  7. 李洪强和你一起学习前端之(6)css行高,盒模型,外边距

    李洪强和你一起学习前端之(6)css行高,盒模型,外边距 复习昨天的知识 1.1css书写位置: 内嵌式写法 外联式写法 <link href = "1.css" rel = ...

  8. 前端基础：CSS样式选择器

    前端基础:CSS样式选择器 CSS概述 CSS是Cascading Style Sheets的简称,中文意思是:层叠样式表,对html标签的渲染和布局.CSS规则由两个主要的部分组成:1.选择器:2. ...

  9. web前端篇：CSS使用，样式表特征，选择器

    目录 web前端篇:CSS使用,样式表特征,选择器 1.CSS介绍 2.CSS使用 3.样式表特征 4.CSS选择器 5.选择器的优先级 6.练习题: web前端篇:CSS使用,样式表特征,选择器 1 ...

  10. Web前端篇：CSS常用格式化排版、盒模型、浮动、定位、背景边框属性

    目录 Web前端篇:CSS常用格式化排版.盒模型.浮动.定位.背景边框属性 1.常用格式化排版 2.CSS盒模型 3.浮动 4.定位 5.背景属性和边框属性 6.网页中规范和错误问题 7.显示方式 W ...

随机推荐

  1. NuGet打包，IIS自动发布

    NuGet学习笔记(1)——初识NuGet及快速安装使用 https://kb.cnblogs.com/page/143190/ NuGet学习笔记(2)——使用图形化界面打包自己的类库 https: ...

  2. SprinMVC中文件上传只在内存保留一份拷贝

    背景:web项目里经常有上传文件的模块,某些特殊场景下,上传文件的人不希望在服务器留存一份原始文件,这个时候就需要把文件放到内存里了. 笔者调试了一下springmvc里面的CommonsMultip ...

  3. XiaoKL学Python（D）argparse

    该文以Python 2为基础. 1. argparse简介 argparse使得编写用户友好的命令行接口更简单. argparse知道如何解析sys.argv. argparse 模块自动生成 “帮助 ...

  4. 抽屉效果几大github第三方库

    首先感谢董铂然博客园,鄙人收藏学习之用,如有朋友看到.有需要请直接前往董铂然博客园本文, 请点击查看原文 在公司项目新版本方案选择中,对主导航中要使用的抽屉效果进行了调研.主要原因是旧的项目中所用的库 ...

  5. P3587 [POI2015]POD

    题目描述 长度为n的一串项链,每颗珠子是k种颜色之一. 第i颗与第i-1,i+1颗珠子相邻,第n颗与第1颗也相邻.切两刀,把项链断成两条链.要求每种颜色的珠子只能出现在其中一条链中.求方案数量(保证至 ...

  6. LIbreOJ #6011. 「网络流 24 题」运输问题 最小费用最大流

    #6011. 「网络流 24 题」运输问题 内存限制:256 MiB时间限制:1000 ms标准输入输出 题目类型:传统评测方式:文本比较 上传者: 匿名 提交提交记录统计讨论测试数据   题目描述 ...

  7. Spring 系列教程之 bean 的加载

    Spring 系列教程之 bean 的加载 经过前面的分析,我们终于结束了对 XML 配置文件的解析,接下来将会面临更大的挑战,就是对 bean 加载的探索.bean 加载的功能实现远比 bean 的 ...

  8. centos 6.5 搭建zookeeper集群

    为什么使用Zookeeper? 大部分分布式应用需要一个主控.协调器或控制器来管理物理分布的子进程(如资源.任务分配等)目前,大部分应用需要开发私有的协调程序,缺乏一个通用的机制协调程序的反复编写浪费 ...

  9. jQuery加载完成事件 $(function(){ })的全局异常拦截

    通常我们在页面加载完成的时候要写入一些功能脚本,如: $(function(){/*脚本 - 1*/ console.log('start'); }) $(function(){/*脚本 - 2*/ ...

  10. SQL判断如果一列值为null则取另一列值代替 isnull()

    [chClientCode] ,[nvcClientName] ,[chRegionCode] ,isnull(chUltimateHeadClientCode,[chClientCode]) as ...