html标签,格式控制标签,内容容器标签,超链接标签,图片标签,表格

打开DREAMWEAVER,新建HTML,如下图:

body的属性:

bgcolor        页面背景色

background       背景壁纸、图片

text           文字颜色

topmargin        上边距

leftmargin         左边距

rightmargin      右边距

bottommargin      下边距

body属性用法示例:

格式控制标签:

<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>等标签来定义的。(重要性依次减小,即字   体也会变小。H1-h6中受限于现在所限字体的大小;默认前后若有其他执行前后换行,并且空开一行,保证自身是一个整体) 

 . . . 

<h6></h6>

<p></p>       段落标签(段落之间空行)(默认前后若有其他执行前后换行,并且空开一行,保证自身是一个整体)

<div></div>      层标签(默认占用一行)

<span></span>    层标签(默认用掉多大空间占用多大空间)

<ol type="1">    有序列表,序号为1,2,3....,引号中可以更改序号的形式

  <li>内容<li>(自带序号;自动换行;默认前后若有其他执行前后换行,并且空开一  行,保证自身是一个整体)

  <li>内容<li>

</ol>         上面的ol改为ul则变为无序号列表(ul不自带序号,另外两条和ol一样)

示例:

"../"      表示上级目录

"./"       表示当前目录

相对路径:从当前页面开始查找。

绝对路径:从网站的根开始查找。"/",代表网站的根。

超链接标签:

<a href="超链接地址" target="_blank">超链接文字</a>    --在新窗口打开

还可以在当前页找到目录点击目录上的超链接,自动跳转到当页的某一个地方。

a标签:返回顶端:最下面要写的内容:<a href=”#ding”返回顶端</a>;另外还要在最上面也就是要回到顶端位置的地方写入:<a name=”ding”></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”  合并同一列单元格(从第二行开始减去相对应的列)

表格示例:

时间: 2024-08-05 10:57:44

html标签,格式控制标签,内容容器标签,超链接标签,图片标签,表格的相关文章

HTML入门 一般标签 格式控制标签

font 的属性       <font>内容</font> 双标签            color 字体颜色       face 选择字体        size 字体大小 格式控制          <b></b>  字体加粗          <i></i>  倾斜         <u></u> 下划线 原文地址:https://www.cnblogs.com/wangxiao233/p/82056

HTML入门 一般标签 内容容器标签

<h1></h1>***<h6></h6>  标题(会自动换行)  <p></p> 段落标签(段落之间自动空一行)  <div></div> 层标签(默认占一行 内容超出自动换行)   <span></span> 层标签(内容多大占多大) <ol></ol>有序标签     <ul></ul>无序标签   标签属性 type 更改序列号的形

图片标签

图片标签 <!doctype html> <html> <head> <meta charset="utf-8" /> <title>图片标签</title> </head> <body> <!-- 使用img标签来想网页中引入一个外部图片, img标签也是一个自结束标签. 属性: src:设置一个外部图片的路径 alt:可以用来设置在图片不能显示时,对图片的描述 搜索引擎可以通过al

xml标签格式,属性以及防止编码乱码

xml标签格式: 1.xml是可扩展性标记语言,后缀名必须以xml结尾. 2.标签不像html那样有固定标签,xml标签可自已编写,不过要保证具有语义化. 3.标签名可以有空标签<student/>和含有内容的标签如:<student></student> 4.含有内容的标签,要保证前后一致性,里面不能包含空格. 5.标签不能以数字开头 xml属性: xml属性和html类似,不过属性名不能够重复. 对于解决编码问题: 1.要保证保存和读取编码一致. 2.要能够读取中文

struts2学习(8)struts标签1(数据标签、控制标签)

一.struts2标签简介: struts标签很多,功能强大,这是优点: 但是缺点的话,性能方面可能会,各方面速度啊啥的会降低:有人比较测试,struts性能比jstl低很多: 二.struts2数据标签: com.cy.model.Student.java: package com.cy.model; public class Student { private int id; private String name; private int age; public Student() { s

dedecms5.7文章页的标签随机插入到内容中并且标签的地址为其标签关联的其他文章地址

dedecms5.7文章页的标签随机插入到内容中并且标签的地址为其他标签关联的文章地址 1 添加2个自定义函数 在dede/include/extend.func.php底部 添加如下代码 //根据文章ID 获取文章的标签 然后根据标签随机获取不是本地址的文章地址 function gettaglink($aid) { global $lit_imglist,$dsql; //思路整理 先根据文章ID 找标签ID 然后根据标签ID 找到不包括自己的文章ID 然后随机获取一个文章ID $dsql-

html入门(转义字符、行内样式和块级元素、定位、锚点、跑马灯标签、图片标签、表格标签的讲解)

一.转义字符由特殊字符包裹的文本 会当做标签去解析 对应不换行空格 对应全角空格 em是字体排印学的计量单位,相当于当前指定的点数.其占据的宽度正好是1个中文宽度,而且基本上不受字体影响.<对应< >对应> 二.行内元素和块级元素1.块级标签默认情况下,每一个块级元素都是独占一行的即元素的前后都会换行 都有 align 属性,例如: p标签 段落标签 h1~6标签 标题标签 hr标签   水平分割线标签 div标签 块级元素 2.行内标签 不会换行可以和其他的标签或文本在一行内显示

HTML 图片标签的学习

图片标签 <img> 标签定义 HTML 页面中的图像. <img> 标签有两个必需的属性:src 和 alt. 注释:从技术上讲,图像并不会插入 HTML 页面中,而是链接到 HTML 页面上.<img> 标签的作用是为被引用的图像创建占位符. 提示:通过在 <a> 标签中嵌套 <img> 标签,给图像添加到另一个文档的链接. 这里要说一下a标签: <a> 标签定义超链接,用于从一个页面链接到另一个页面. <a> 元素最

五月六日 HTML标签 超链接、图片属性和列表

今天的内容主要是HTML标签的超链接 图片属性 列表的用法 一.超链接,锚点和下载. (1)超链接 <a href="URL" targe="_blank">网站名</a> 可以直接点击中间的文字打开网址,target是点击超链接打开的网页的属性,_self是直接在当前页面打开, _blank是在新的空白标签页中打开. (2)锚点 <a name="锚点">   定义 一个锚点 <a href="