标记及属性

标记及属性

一、通用标签及属性

1.基础标签

(1)<head></head>(头标签)

(2)<meta/> (编码格式)

(3)<body></body>(主题标签)

属性:bgcolor背景色;text字体颜色;background背景图片;

margin(网页的4个边距数值):topmargin上边距;leftmargin左边距;rilghtmargin右边距;bottommargin下边距

2.路径

(1) 绝对路径(从根开始的)

/:从磁盘开始   如:file:///F|/

(2)相对路径(从自身开始)

./ :当前目录 ;  ../ :上级目录;/ :代表根 (当前目录里面另一个文件夹里面的文件)

例如:../文件夹/要找的文件

3.格式控制类

<font> 属性: color字体颜色;face字体样式;size字体大小;<b>、<strong>加粗 ;<i> 、<em>倾斜 ;<u>下划线 ;<s>删除线;<br/>换行  ;&nbsp空格;sub下标记;sup上标记

例如:<font face="微软雅黑" size="+4">

<b>

<sub>

&nbsp;20170308

</sub>

</b>

</font>

4.<h1>--<h6> (做标题的由大到小)

5.<p></p> (做段落)

6.<span></span> (层标签)

(1)内容多大占多大地

(2)加属性、样式表用的

7.<div></div> (层标签)

(1)不管内容多大默认占一行

(2)加属性、样式表用的

8. <ol><li>有序列表   <ol>属性:type="a、A、1、i、I "

例如:<ol type="a">

<li>第一</li>

<li>第二</li>

</ol>

9.<ul><li>无序列表   <ul>属性:type="square"方格、 type="circle"空心圆、type="disc"圆点

例如:<ul type="square"; type="circle";type="disc">

<li>第一</li>

<li>第二</li>

</ul>

二、常用标签

1.<a></a> 超级链接(<a href="http://网址"></a>)

属性:(1) target=_blank  (重新打开一个新的窗口)

(2) target=_parent  (在本窗口打开并覆盖)

做锚点:<a name="D1"> </a>  (要定的点)

< a href="#D1"> 跳转到D1</a>

< a href="#"> 跳转到定点</a>  (#这里表示定点)

         2.<img/>导入图片(单标签)

属性:width 宽度;height 高度;title 图片的标题,鼠标放上显示;alt 坏图显示名字

例如:<img src="图片" width="100px" height="100px" alt="坏图显示名字" title="图片的标题,鼠标放上显示"/>

图片超级链接:<a href="http://网址">

<img src="图片" width="100px" height="100px" alt="坏图显示名字" title="图片的标题,鼠标放上显示"/>

</a>

三、表格标签

1.<table></table>表格

属性:border(边框粗细);cellspacing(单元格间距);cellpadding(单元格边距);bordercolor(边框颜色);width(宽度);height(高度)

2.<tr></tr>行

属性:align=left(此行全部水平左对齐);align=right(此行全部水平右对齐);align=center(此行全部水平居中对齐

valign=left(此行全部垂直左对齐);valign=right(此行全部垂直右对齐);valign=center(此行全部垂直居中对齐

3.<td></td>列

属性:width单元格宽度;height单元格高度;bgcolor背景颜色;rowspan合并单元格(行);colspan合并单元格(列)

align=left(水平左对齐);align=right(水平右对齐);align=center(水平居中对齐

valign=left(垂直左对齐);valign=right(垂直右对齐);valign=center(垂直居中对齐

4.<th></th>表题,默认单元格内容自动居中、加粗  (尽量不要跟<thead></thead>一起出现)

5.<tfoot></tfoot>显示效果都会在最后一行

6.<thead></thead>显示效果都会在最上面一行

时间: 2024-10-09 22:06:17

标记及属性的相关文章

jQuery使用之(一)标记元素属性

jQuery使用主要介绍jQuery如何控制页面,包含元素的属性.css样式风格.DOM模型.表单元素和事件处理等. 标记元素的属性 html中每一个标记都具有一些属性,他们这个标记在页面中呈现各种状态,例如下面的<a>标记 <a herf="http://www.baidu.com" title="isaac" target="_blank" id="linkisaac"> 该标记<a>表

006-007 标记的分类,标记的属性

标记的分类 标记分为两类,一类成对出现,还有一类是不成对出现 1.容器标记:成对出现的标记(围堵标记) 例如: <b>我的祖国</b> 2.空标记:不成对出现的标记 <br /> 标记的属性 格式: <标签名 属性名="属性值"></标签名> 一个对象(标签)可以有多个属性,例如: <标签名 属性名="属性值" 属性名="属性值"></标签名> *注意,属性和属性

css基础 选择器-通配符* 给所有的标记设置属性(兼容性不好)

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

HTML常用标记、属性、CSS代码、JS代码(速查)

常用标签名 属性 作用 <h1> </h1>   标题标签 <p> </p>   段落标签 <br />   换行标签 <hr />   水平线标签 <ul> <li></li> </ol>   无序列表 <ol> <li></li> </ol>   有序列表

使用web gis 加载显示arcgis for server 发布出来的地图,并提供查询标记显示属性功能

首先会通过arcgis server manager 开启由arcgis desktop 关联发布的mxd地图文件,具体过程arcgis server 的基础教程上都有 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Test</title> 6 <link rel="stylesheet" hre

【CSS】其他CSS属性和特性

1. 设置元素的颜色和透明度 前面有介绍CSS颜色的各种用法,如 background-color属性.boder-color属性等.还有另外两个与颜色有关的属性. 1.1 设置前景色 color属性设置元素的前景色.一般而言,元素对color属性之于它的意义可以有不同的解读,不过实际上,color属性一般用来设置文本的颜色. <!DOCTYPE html> <html lang="en"> <head> <meta charset="

WatiN-Html元素及元素属性识别

1.WatiN原生识别元素对应表 2.源码中对应配置 在WatiN中一个类可以对应Html中多个类型,如下图,TextField类可以识别Html中TageName为input和textarea,并且可以设置input标记中type属性进行识别. 3.Html标记中属性获取 在WatiN中Html元素类中定义了一些常见的参数,如:Id.Name.InnerHtml.OuterHtml.OuterText.TagName等等,也可以通过GetAttributeValue函数获取自定义的属性. 例:

MVC4 数据验证、特性、自动属性总结

最近悟出来一个道理,在这儿分享给大家:学历代表你的过去,能力代表你的现在,学习代表你的将来. 十年河东十年河西,莫欺少年穷 学无止境,精益求精    最近在做自学MVC,遇到的问题很多,索性一点点总结下. MVC4数据验证: 本例以程序为例就行说明: public class MyModel { [Required(ErrorMessage = "请输入收件人姓名")] public string Uname { get; set; } [Required(ErrorMessage =

【HTML】表格标记

设计网页时经常会用到表格来组织页面信息,它能将网页划分成任意多个矩形区域,每个区域可包含导航.文字.图像.动画等信息,设计者可将任意的网页元素放入其中. 1. 表格的定义:<table></table> 1)在需要使用表格的地方插入成对的<table></table>标记,就可以完成表格的插入.定义表格常用的标记有 标签 说明 <table> 表格标记,用于插入表格 <tr> 行标记,用于插入行 <td> 列标记,用于插入