HTML基础复习

小新示范日记
123 阅读4分钟

html基础复习总结

1.浏览器的工作原理：

  • 在浏览器输入网址（url），浏览器访问服务器<br>

  • 服务器接收到请求，像浏览器输送数据<br>

  • 浏览器接收到数据存储在缓存<br>

  • 浏览器开始渲染页面<br>

2.wwww是什么，原理作用（除了www还有类似的什么）

  •  www（word wide  web）是一个基于超文本（hypertext）方式的信息检索服务工具<br>

  •  www获得成功的秘诀在于制定了一套标准的超文本开发语言，易于人们掌握的超文本开发语言html信息资源的统一定位格式url和超文本传送通信协议http用户掌握后可以很轻松建立自己的网络<br>
  1. url统一资源定位符
  •   基本语言：scheme://host domain:post/path/filename<br>

  •            协议：//主机:端口/路径<br>

  •            url有三个部分 scheme告诉浏览器该如何工作<br>

  •            第二部分host是文件所在的主机，第三部分是文件的路径和文件名<br>

  •            scheme:定义因特网服务的类型，最流行的类型是http<br>

  •            host:定义域名中的主机<br>

  •            domain:定义因特网域名  比如：taobao.com<br>

  •            port(端口）:端口号<br>

  •            path(路径）:定义服务起上的路径（一个辅助的路径）<br>
    4.网站的组成
  •   web页面(html+后端语言：php,asp,aspx,jsp)<br>

  •   超链接（hyper   link）是特殊的文字标识它指向www中的资源。例如：一个网页、声音、文件、网页<br>

  •   统一资源定位符（url）<br>

  •   统一资源定位器（uniform  resource  rocator  url）<br>

  •   用于描述internet上资源的位置和方式<br>

  •   首页（index）<br>

  •   首页（ home page） 也称为主页，作为整个网站的起始点和汇总点，是浏览者访问一个网站的第一网页网站（web site）是一个存放网络服务器上的完整信息的集合体。<br>

  •   客户机（由电脑、手机）通过url找到url对应的站点，站点自动打开index（主页），主页和其它页面通过超链接联系起来<br>

5.html基本结构

  • <! DOCTYPE HTML PUBLLC "-//w3c//DTD HTML 4.01 Transittional//EN"
  •            "www.w3.org/TR/html4/lo…
  •                            html
  •                            head
  •                                  title一个简单的HTML示例title>
  •                             head
  •                           body
  •                           h1欢迎光临我的主页h1
  •                           body
  •                        html

6.文档类型有哪些分别什么意思

  •   html4<br>

  •   <! doctype html publlc "-//w3c//dtd html 4.01 transitional//en"<br>

  •   "http://www.w3c.org/tr/html 4//loose dtd"><br>

  •   过度定义类型<br>

  •   html5<br>

  •   <！doctype html5><br>

7.头部信息标记里的标记有哪些，工作中常用的
link、meta
8.文本标记有哪些属性有哪些，兼容性
font,i,em,b,strong,sub,sup,del,特殊符号,a,img,input,textarea,select,option

9.块级标记有哪些

  •    p,div,blockquote,h#,address,ul,li,ol,li,dl,dt,dd,hr,table,tr,td,captinon,from,iframe<br>

区别：分为块级和文本块级

10.布局标记有哪些区别
position定位
static：无特殊定位，对象遵循html定位规则
absolute：将对象从文档流中脱出，使用left、right、top、bottom、等属性进行绝对定位。而其层叠通过z-dindex属性定义。此时对象不具有边距，但仍有补白和边框
relative：对象不可层叠但将依据left、right、top、bottom等属性在正常文档流中偏移位置 fixed：ie5.5及ns6尚不支持属性
--相对定位：position：relative（子元素相对父元素的位置，或者相对兄弟元素的位置）
--做项目时，把每一个模块看成一个容器，通常放在一个div里，如果是相对布局，通常每一个块级元素加上position属性。
--clear：清除浮动效果（下面是取值）
none：允许两边都可以有浮动对象
both：不允许有浮动对象
left：不允许左边有浮动对象
right：不允许右边有浮动对象
--float：浮动
clip：auto、rect（number number number number）
auto：对象无剪切
rect：（number number number number）：依据上-右-下-左的顺序提供自对象左上角为（0，0)坐标计算的四个偏移数值，其中任数值都可用auto替换，即此边不剪切

---overflow：visitble、auto、 hidden、scroll
auto：此为body对象和tetxarea的默认值。在需要时剪切内容并添加滚动条
hidden：不显示超过对象尺寸的neir
scroll：总是显示滚动条
visible：不剪切内容也不添加滚动条。假如显示声明此默认值，对象

11.框架和浮动框架分别是什么标记属性
框架的标记属性：src：设置源文件路径
width：设置浮动窗口窗口的宽度
height：设置浮动窗口的高度
name：设置框架的名称
align:设置框架的对齐方式
border-color：设置边框颜色

12.表单的作用，表单相关标记，在不同的后台对接中，我们表单属性有哪些不一样的写法。
作用：把用户的信息提交给服务器，是网站管理员与浏览者之间沟通的桥梁，可以收集，分析用户的反馈意见
相关标记：input:用于定位用户的输入项
select：下拉列表
文本域（也叫多行文本）：tetxarea

13.表格标记属性，表格常用的地方
width:设置表格的宽度
border-weight:设置边框的粗细
background color:设置边框的颜色
height:设置表格高度
bgcolor:设置表格背景颜色
background-image:设置表格背景图片
cellspacing:设置单元格间距
cellpadding:设置单元格边框
align:设置表格对齐方式

avatar
文章
阅读
粉丝