• 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. mysql中如何使用一句话将一个表的数据导入到另一个表中：insert into ...select

    INSERT INTO cdcd2015(`filename`,`xmlfile`,`updatetime`,`isDel`) SELECT `filename`,`xmlfile`,`updatet ...

  2. git bug修复

    在Git中,由于分支是如此的强大,所以,每个bug都可以通过一个新的临时分支来修复,修复后,合并分支,然后将临时分支删除. 当你接到一个修复一个代号101的bug的任务时,很自然地,你想创建一个分支i ...

  3. SqlServer添加触发器不让删除数据

    触发器是:instead of delete 类型,注意了:instead类型的触发器相当于: DELETE命令过来后,直接走触发器中的代码,再往下,没有了…… 就是说,这个触发器会屏蔽掉你所有的DE ...

  4. 解决IDEA 配置搞坏的问题

    如果我们把IDEA的配置给搞坏了,或者想重新配置,恢复到默认配置. 1.打开如下的目录(不同用户名目录有差异),如下所示: 2.删除掉config 和 system 目录,重新启动 IDEA会自动生成 ...

  5. appache压力测试

    apache自带压力工具测试说明: Usage: ab [options] [http[s]://]hostname[:port]/pathOptions are: -n requests Numbe ...

  6. samtools

    samtools 用法 samtools <command> [options] command 见以下列表, 每个 command 的 options 也不同 dict faidx in ...

  7. spring colud 博客

    https://blog.csdn.net/forezp/article/details/70148833

  8. 纯css导航栏下划线

    .nav-underline > *{/* 指定容器,里面可以是li.span等多样化的元素 */ display: inline-block; margin: -3px; padding: 1 ...

  9. 将Struts放入spring框架中

    第一步:写好ACtion package com.inspur.actions; import javax.servlet.http.HttpServletRequest;import javax.s ...

  10. MYSQL索引类型+索引方法

    MYSQL索引有四种 PRIMARY(唯一且不能为空:一张表只能有一个主键索引). INDEX(普通索引). UNIQUE(唯一性索引). FULLTEXT(全文索引:用于搜索很长一篇文章的时候,效果 ...