零基础建站培训介绍

当前位置:

新手必知HTML标签大全

以下是新手学习建网站,必须学习了解的HTML标签。(相关教程:HTML入门教程

body的属性:

  • bgcolor                页面背景色
  • background            背景壁纸、图片
  • text                    文字颜色
  • topmargin              上边距
  • leftmargin               左边距
  • rightmargin            右边距
  • bottommargin          下边距

格式控制标签:

  • <font color="" face="" size=""></font>分别控制字体的颜色、字体和大小。
  • <b></b>                字体加粗
  • <strong></strong>     字体加粗
  • <i></i>                   倾斜
  • <em></em>             倾斜
  • <u></u>                下划线
  • <center></center>      居中
  • <br>或<br/>            相当于回车
  • 表示空格,Ctrl+shift+space

内容容器标签:

  • <h1></h1>            标题,会自动换行。HTML标题是通过<h1>到<h6>等标签来定义的。
  • <p></p>              段落标签(段落之间空行)
  • <div></div>           层标签(默认占用一行)
  • <span></span>       层标签(默认用掉多大空间占用多大空间)
  • <ol type="1">        有序列表,序号为1,2,3....,引号中可以更改序号的形式
  • "../"            表示上级目录
  • "./"             表示当前目录
  • 相对路径:从当前页面开始查找。
  • 从不路径:从网站的根开始查找。"/",代表网站的根。

超链接标签:

  • <a href="超链接地址" target="_blank">超链接文字</a>        --在新窗口打开,还可以在当前页找到目录点击目录上的超链接,自动跳转到当页的某一个地方。

图片标签:

  • <img src="图片地址" alt="文字" width=“” height=“” title=“描述文字” />高度跟宽度设置一个即可保持原有比例。
  • alt在图片无法加载时,显示文字,还可以帮助搜索引擎搜索。
  • title可以添加图片描述,鼠标放在图片上时可以显示描述。

表格:

  • <table></table>表格
  • width:宽度。可以用像素或百分比表示。 常用960像素。
  • border:边框,常用值为0。
  • cellpadding:内容跟边框的距离,常用值为0。
  • cellspacing:单元格与单元格之间的间距,常用值为0。
  • algin:对齐方式。
  • bgcolor:背景色。
  • background:背景图片。
  • <tr></tr>行
  • align:一行内容的水平对齐方式。
  • valign:一行内容的垂直对齐方式。
  • height:行高。
  • bgcolor:背景色。
  • background:背景图片。
  • <td></td>单元格
  • <th></th>表头,单元格的内容自动居中、加粗
  • align:单元格内容的对齐方式。
  • valign:单元格的内容的垂直对齐方式。
  • width:单元格宽度。
  • height:单元格高度。
  • bgcolor:背景色。
  • background:背景图片。
  • 单元格合并:(建议尽量用表格嵌套):colspan=“n”合并同一行的单元格(后面写代码要减去相对应的列)rowspan=“n”   合并同一列单元格(从第二行开始减去相对应的列)

以上这篇HTML 标签基础(菜鸟必看篇)就是分享给大家的全部内容了,希望能给学建网站的学员一个参考。

上一课: 下一课:

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 学习html有什么用 (118859 次学习)
    在学习建网站过程中,需要对HTML进行学习,网站的网页就是由大量的HTML代码组成。对于我们学做网站的学员来说,如果你要编辑网页,当然是需要学习HTML
  • 在学做网站论坛的电影网站制作教程中,使用苹果CMS,海洋CMS,马克CMS等,有的程序没有开发程序对接,或者有开发对接的,站长不会对接。今天给大家一
  • Html5较之前的HTML4,唯一的方式是采用<h1> ~ <h6>元素来创建大纲。因为正常习惯下,<h1> ~ <h6>表示了从第一级到第六级的层
  • 自适应网页制作方法 (11596 次学习)
    自适应网页制作方法特别先想到的是css3的媒体查询 media-screen 控制在不同尺寸下显示。这里说个题外话,css中的像素单位px,是逻辑像素。不是设备的
  • CSS中可以给一个DIV设置背景图片,甚至可以设置背景的样式和位置。(相关教程:CSS3视频教程)控制背景图片位置:background-position:水平方向,竖直
  • 做网站时,避免不了网站上有大量的图片。网站上的图片显示就需要使用img图片标签。HTML img图片标签写法<img src="图片地址" alt=&q
  • 当我们在网页上上传一个文件,提交一个表单,观看一段视频等的时候,作为良好的用户体验,我们都需要使用一个进度条来提示用户当前应用的进度。HTML5
  • 我们在做网站时,网站上的列表都是用LI标签来做的,使用li标签制作了列表之后,会发现在 ie 7 下发现 li 元素之间会留白,如下图:原以为是样式的问
  • 初学者怎样学习网页制作呢?对于初学者,网站设计有一定难度,但是网页设计特别重要,在织梦仿站教程中也需要使用到网页设计。我们需要使用一些软件,
  • 在学习如何做网站时,网站中会有图片,图片使用HTML img 图片标签,img元素中有一个很少用的属于-srcset属性。img 元素的 srcset 属性用于浏览器根据