HTML基础复习笔记

看到是java的达内教程里面的web教程

 

servlet,和jsp 来做浏览器与服务器交流。

JDBC来与服务器与数据库

然后用框架提高效率

在开发中web在很大量

主要是JS

JS来操作HTML

XML用来存储和传输数据,可扩展标记语言。

HTML则来显示数据

HTML是语法固定的XML

标签可扩展,属性可扩展,元素之间的嵌套关系可扩展。

双标签

<标签名> 标签名>

单标签

<标签名 />

属性必须定义在开始标签上。

属性名 “属性值”

属性名不能重复,且无序。

元素:

<标签名 属性名 =“属性值”>内容标签名>

 

 

<-- 注释-->

设置文档标题、编码、引入的资源

页面上要呈现的内容

head中写style等。。。

head中写title,写标题。

<span style="font-family:'宋体';">标题</span><span style="font-family:Calibri;"></ title></span></p> <p> </p> <p> </p> <p><strong>乱码问题:</strong></p> <p>在<span style="font-family:Calibri;">head</span><span style="font-family:'宋体';">元素下,使用</span><span style="font-family:Calibri;"><meta></span><span style="font-family:'宋体';">元素设置页面内容的编码。</span></p> <p><meta charser=”utf-8” /></p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p><strong>标题元素</strong></p> <p><h1></h1> <span style="font-family:'宋体';">最大 数字越大显示越小。</span></p> <p> </p> <p><strong>段落元素</strong></p> <p><p> <span style="font-family:'宋体';">一个段落</span><span style="font-family:Calibri;"></p></span></p> <p> </p> <p><strong>列表元素</strong></p> <p><strong>列表类型</strong></p> <p><ol> <span style="font-family:'宋体';">有序列表</span></p> <p>1.q</p> <p>2.w</p> <p>3.e</p> <p><strong><ul> <span style="font-family:'宋体';">无序列表</span></strong></p> <p>.q</p> <p>.w</p> <p>.e</p> <p> </p> <p><strong>列表项是<span style="font-family:Calibri;"><li></span></strong></p> <p>列表类型套着列表项</p> <p><strong>有序</strong></p> <p><ol></p> <p><li>q</li></p> <p><li>w</li></p> <p><li>e</li></p> <p></ol></p> <p> </p> <p><strong>无序</strong></p> <p><ul></p> <p><li>q</li></p> <p><li>w</li></p> <p><li>e</li></p> <p></ul></p> <p> </p> <p> </p> <p><strong>分区元素</strong></p> <p>块分区元素 <span style="font-family:Calibri;"><div> </div></span></p> <p>行分区元素 <span style="font-family:Calibri;"><span> </span></span></p> <p> </p> <p> </p> <p><strong>div<span style="font-family:'宋体';">是用来勾勒出页面的布局,便于开发页面。</span></strong></p> <p> </p> <p> </p> <p> </p> <p><strong>代码</strong></p> <p> </p> <p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p> <p><html xmlns="http://www.w3.org/1999/xhtml"></p> <p><head></p> <p><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></p> <p><title><span style="font-family:'宋体';">无标题文档</span><span style="font-family:Calibri;">

这里放置logo


hello

RRRRRR


666

 

 

 

元素显示方式

 

块级元素:

1.独立成行,默认垂直布局

2.2.占据一个矩形区域

3.,

,

    ,
      这些都是块级。

      4.块级元素会影响页面的布局

      行内元素:

      1.不独立程航,可以横向布局

      2.不会占据矩形区域,它只是用来修饰段落中的某几个字的。

      3.,,...

      4.行内元素不会影响页面布局

       

       

      行内元素

      中如果写style会改变整个段落,那么可以在里面spanstyle来针对几个字的改。

       

      如:

       

      asdasdsadaqweqwe

       

       

       元素用来让文字倾斜

       

      asdasdsadaqweqweqwe

       

       

       用来让文字加粗。

       

       

      元素用来定义带删除线的位置

       

      qwe 上面一个横线,删除的。

       

       是用来定义下划线的。

       

       

      空格折叠:默认情况下,HTML中多个空格,多个制表符TAB,多个换行符会压缩成单个空格,即只显示一个空格。

      可以用

      br 是换行符,其他的空格要用 

      就是说用一些转义。

      注册商标: ®

      小于号 < <

      大于号 > >

      等等。。。。

       

       

      图像元素(是个单标记)

      元素将图像添加到页面

      必须属性:src 设置图片存储的位置。

      常用属性:widthheight

       

       

       

      相对路径  ../是向上加一级

       

       

      超链接元素

      _blank,_self ”>文本

      _blank,打开新窗口,_self 是在当前窗口打开。

       

       

       

      asd

       

       

      锚点

       

      锚点是文档中某行的一个记号

      用于连接到文档中的某个位置

       

      定义锚点:

       

      锚点1

       

      链接锚点

       

       回到锚点

       

       

      定义锚点在想要回到的地方,比如在网上看到的回到顶部,然后在网页下面定义个链接锚点,点击就回去了。

       

       

      顶部的锚点是默认的,写链接锚点的时候如果href=”#”就是回到顶部;

      TOP

       

       

      表格

       

      table画一个大框框

      tr 画行

      td 画列

       

       

      但是默认情况下,表格的边线看不见;可以给table统一设置边线,设置后,可以看见tabletd的边线。

      也就是默认空空的,只有表格中的内容。

       

       

      border是边线

      可以直接在table中写

      border=”1px”

      就有外面和里面的边框了。

       

      设置表格的大小就用widthheight来设置。

       

       

      的常用属性

      border 边线

      alige 文本是否居中

      cellpading:单元格边框与内容之间的间距

      cellspacing:单元格之间的间距

       

      元素

      align/valign

      元素

      align/valign/width/height

      重点:colspan/rowspan

      跨行属性

      跨行:rowspan

       

      有的时候希望某个表格中的一个列占据两行。

      使用rowspan

       

      同样跨列类似。

       

      clospan来跨列

       

      既然要占据别的行或者占据别的列,那么就要那个被占据的地方不能有行或者列,也就是要删除,或者不写,释放那个位置。

       

       

      td里写 rowspan=”2” 就会跨两行了。在列td里写rowspan跨行,

      在行tr中写clospan=”2”就是跨两个列。

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       





      看到是java的达内教程里面的web教程

       

      servlet,和jsp 来做浏览器与服务器交流。

      JDBC来与服务器与数据库

      然后用框架提高效率

      在开发中web在很大量

      主要是JS

      JS来操作HTML

      XML用来存储和传输数据,可扩展标记语言。

      HTML则来显示数据

      HTML是语法固定的XML

      标签可扩展,属性可扩展,元素之间的嵌套关系可扩展。

      双标签

      <标签名> 标签名>

      单标签

      <标签名 />

      属性必须定义在开始标签上。

      属性名 “属性值”

      属性名不能重复,且无序。

      元素:

      <标签名 属性名 =“属性值”>内容标签名>

       

       

      <-- 注释-->

      设置文档标题、编码、引入的资源

      页面上要呈现的内容

      head中写style等。。。

      head中写title,写标题。

      <span style="font-family:'宋体';">标题</span><span style="font-family:Calibri;"></ title></span></p> <p> </p> <p> </p> <p>乱码问题:</p> <p>在<span style="font-family:Calibri;">head</span><span style="font-family:'宋体';">元素下,使用</span><span style="font-family:Calibri;"><meta></span><span style="font-family:'宋体';">元素设置页面内容的编码。</span></p> <p><meta charser=”utf-8” /></p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p>标题元素</p> <p><h1></h1> <span style="font-family:'宋体';">最大 数字越大显示越小。</span></p> <p> </p> <p>段落元素</p> <p><p> <span style="font-family:'宋体';">一个段落</span><span style="font-family:Calibri;"></p></span></p> <p> </p> <p>列表元素</p> <p>列表类型</p> <p><ol> <span style="font-family:'宋体';">有序列表</span></p> <p>1.q</p> <p>2.w</p> <p>3.e</p> <p><ul> <span style="font-family:'宋体';">无序列表</span></p> <p>.q</p> <p>.w</p> <p>.e</p> <p> </p> <p>列表项是<span style="font-family:Calibri;"><li></span></p> <p>列表类型套着列表项</p> <p>有序</p> <p><ol></p> <p><li>q</li></p> <p><li>w</li></p> <p><li>e</li></p> <p></ol></p> <p> </p> <p>无序</p> <p><ul></p> <p><li>q</li></p> <p><li>w</li></p> <p><li>e</li></p> <p></ul></p> <p> </p> <p> </p> <p>分区元素</p> <p>块分区元素 <span style="font-family:Calibri;"><div> </div></span></p> <p>行分区元素 <span style="font-family:Calibri;"><span> </span></span></p> <p> </p> <p> </p> <p>div<span style="font-family:'宋体';">是用来勾勒出页面的布局,便于开发页面。</span></p> <p> </p> <p> </p> <p> </p> <p>代码</p> <p> </p> <p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p> <p><html xmlns="http://www.w3.org/1999/xhtml"></p> <p><head></p> <p><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></p> <p><title><span style="font-family:'宋体';">无标题文档</span><span style="font-family:Calibri;">

      这里放置logo


      hello

      RRRRRR


      666

       

       

       

      元素显示方式

       

      块级元素:

      1.独立成行,默认垂直布局

      2.2.占据一个矩形区域

      3.,

      ,

        ,
          这些都是块级。

          4.块级元素会影响页面的布局

          行内元素:

          1.不独立程航,可以横向布局

          2.不会占据矩形区域,它只是用来修饰段落中的某几个字的。

          3.,,...

          4.行内元素不会影响页面布局

           

           

          行内元素

          中如果写style会改变整个段落,那么可以在里面spanstyle来针对几个字的改。

           

          如:

           

          asdasdsadaqweqwe

           

           

           元素用来让文字倾斜

           

          asdasdsadaqweqweqwe

           

           

           用来让文字加粗。

           

           

          元素用来定义带删除线的位置

           

          qwe 上面一个横线,删除的。

           

           是用来定义下划线的。

           

           

          空格折叠:默认情况下,HTML中多个空格,多个制表符TAB,多个换行符会压缩成单个空格,即只显示一个空格。

          可以用

          br 是换行符,其他的空格要用 

          就是说用一些转义。

          注册商标: ®

          小于号 < <

          大于号 > >

          等等。。。。

           

           

          图像元素(是个单标记)

          元素将图像添加到页面

          必须属性:src 设置图片存储的位置。

          常用属性:widthheight

           

           

           

          相对路径  ../是向上加一级

           

           

          超链接元素

          _blank,_self ”>文本

          _blank,打开新窗口,_self 是在当前窗口打开。

           

           

           

          asd

           

           

          锚点

           

          锚点是文档中某行的一个记号

          用于连接到文档中的某个位置

           

          定义锚点:

           

          锚点1

           

          链接锚点

           

           回到锚点

           

           

          定义锚点在想要回到的地方,比如在网上看到的回到顶部,然后在网页下面定义个链接锚点,点击就回去了。

           

           

          顶部的锚点是默认的,写链接锚点的时候如果href=”#”就是回到顶部;

          TOP

           

           

          表格

           

          table画一个大框框

          tr 画行

          td 画列

           

           

          但是默认情况下,表格的边线看不见;可以给table统一设置边线,设置后,可以看见tabletd的边线。

          也就是默认空空的,只有表格中的内容。

           

           

          border是边线

          可以直接在table中写

          border=”1px”

          就有外面和里面的边框了。

           

          设置表格的大小就用widthheight来设置。

           

           

          的常用属性

          border 边线

          alige 文本是否居中

          cellpading:单元格边框与内容之间的间距

          cellspacing:单元格之间的间距

           

          元素

          align/valign

          元素

          align/valign/width/height

          重点:colspan/rowspan

          跨行属性

          跨行:rowspan

           

          有的时候希望某个表格中的一个列占据两行。

          使用rowspan

           

          同样跨列类似。

           

          clospan来跨列

           

          既然要占据别的行或者占据别的列,那么就要那个被占据的地方不能有行或者列,也就是要删除,或者不写,释放那个位置。

           

           

          td里写 rowspan=”2” 就会跨两行了。在列td里写rowspan跨行,

          在行tr中写clospan=”2”就是跨两个列。

           


          你可能感兴趣的:(java那条路)