前端01

来源:互联网 发布:ubuntu vsftpd安装 编辑:程序博客网 时间:2024/06/06 05:49

  (1)关于HTML?

     HTML是使用各种不同的标记符号来分别识别和设定不同的网页元素。

     每一个网页元素通常由开始标记,结束标记,以及在这两个标记中的内容所组成。

     HTML从功能上大体可分为:文本设置、列表建立、文本属性制定、超链接、图片和多媒体插入、对象、表格、表单的操作,以及框架的建立。

     (2)网页的基本元素:

     文字,图像,超链接

    (3)Head标签、Body标签、Title标签、meta标签:

     head标签用于存放,<title,meta,base,style,script,link>,在head标签中我们必须要设置的标签是title

     body标签是页面的主体部分,用于存放所有的html标签<p,h,a,b,u,i,s,em,del,ins,strong,img>

     title标签是让页面有一个属于自己的标题。

     meta标签中设置的所有内容在页面都不会显示,可写可不写,但是比较重要,搜索引擎搜索的到,

     eg:<meta name="keywords" content="关键词1,关键词2,关键词3">

     <meta name="description" content="网页的描述">

    (4)常用标记:

     标题标记:<h1>…</h1>,…,<h6>…</h6>

     段标记:<div>…</div>主要划分区域或者结构,块级标签

     段标记:<p>…</p>作用:划分小区域或者结构,块级标签不可以嵌套块级标签

     换行标记:<br/>

     注释标记:<!-注释内容-->

     横线标记:<hr/> <hr size=“”/>大小,默认值是2。<hr width=“”/>宽度

     字体设置标记:设置字体格式标记。用<font>设置:size:文字的大小 face:设置字体 color:设置字体的颜色

     <u>…</u>给字符加下划线

     <s>…</s>给字符上加横线,表示删除

     <b>…</b>给字体加粗

     <i>…</i>将字符设置成斜体

     &nbsp空格符号

     <img src="图片所在位置" alt=""/>图片标签

     <a href=""></a> a标签链接以及锚点的使用

      eg:<a href="http://www.taobao.com">淘宝</a> 点击淘宝可进入淘宝的链接网站

      eg:<a href="#name">name</a> 在上面想要跳转到的地方添加id,id="name" 

    (5)表格的使用

    表格的格式是:<table>

    <tr>

    <td></td>

    </tr>

    </table> 

    border给表格加边框,width给表格设置宽,height给表格设置高,cellspacing规定单元格之间的空白,cellpadding规定单元     边沿与其内容     之间的空白。

    padding可以撑大空间,spacing可以加大单元格的边距。这两个等同于border-collapse:collapse;

    colspan合并列,写在td单元格里;rowspan合并行,也是写在单元格里。

原创粉丝点击