HTML常用标记（超详解） |
您所在的位置：网站首页 › html常用的块状结构有哪些 › HTML常用标记（超详解） |
HTML常用标记（超详解）
|
目录 一、文本标记 二、列表标记 三、分割线标记 四、超链接标记 五、图片标记 六、多媒体标记 七、标记类型 八、meta标记 一、文本标记 1.标题标记语法格式： 标题文本html中提供了六级标题，到,其中字号最大，字号最小。 注意：标题属于块级元素，浏览器会自动在标题前后加上空行。 align属性是可选属性，用于指定标题的对齐方式，其取值有3种:left、center、right, 分别表示左对齐、居中对齐和右对齐。（一般默认居左对齐） 例如：h1到h6大小演示 hellow word 1 hellow word 2 hellow word 3 hellow word 4 hellow word 5 hellow word 6结果：
默认情况下，中文网页中的文字以黑色、宋体、3号字的效果显示。如果希望改变这种默认的文字显示效果，可以使用字体标记及其相应的属性进行设置。字体标记的基本语法如下: 文字或图片 标记的属性及说明属性说明behavior指定跑马灯效果，可以为scroll (滚动)、slide (滑动)和altermnate (交替)bgcolor指定跑马灯效果区域的背景颜色direction指定跑马灯效果的移动方向，可以为left(向左)、right(向右)、up(向上)和down(向下）scrollamount指定每次移动的距离，取值为正整数，数值越大移动得越快scrolldelay指定每次移动的延迟时间，单位为毫秒truespeed指定跑马灯效果的速度，单位为毫秒loop指定跑马灯效果的运行次数，取值为整数，-1为无限循环height指定跑马灯效果区域的高度，可以是像素值，也可以是百分比width指定跑马灯效果区域的宽度，可以是像素值，也可以是百分比hspace指定跑马灯效果区域左右的空白宽度，属性值为正整数，不包括单位vspace指定跑马灯效果区域上下的空白宽度，属性值为正整数，不包括单位例如：使用marquee标记创建了由左向右的滚动字幕，滚动速度为每200毫秒移动10像素。 滚动字幕 这是一个滚动字幕 2.嵌入音频文件在网页中可以使用嵌人标记嵌人MP3音乐、电影等多媒体内容。其基本语法格式如下: 在标记中，除子必须设置src属性之外，还可以设置其他属性获得所嵌人多媒体对象的不同表现效果。 标记的常用属性及说明属性说明autostart规定音频或视频文件是否在下载完之后自动播放，值可以为true、falseloop规定音频或视频文件是否循环及循环次数。属性值为正整数时，音频或视频文件的循环次数与正整数值相同;属性值为true 时，音频或视频文件循环;属性值为false时，音频或视频文件不循环hidden规定控制面板是否显示，默认值为no。值可以为true、nostarttime规定音频或视频文件开始播放的时间，默认从文件开头播放 语法: starttime= mm:ss(分:秒)volume规定音频或视频文件的音量大小，未定义则使用系统本身的设定值。其值是0-100之间的整数 七、标记类型 1.行内标记行内标记最常用的就是标记。 常用行内标记及说明标记名说明标记名说明a锚点label表格标签abbr缩写q短引用acronym首字s删除线b粗体samp定义范例计算机代码big大字体select项目选择br换行small小字体文本cite引用span常用内联标记code计算机代码strike中划线dfn字段strong粗体强调em强调sub下标font字体sup上标i斜体textarea多行文本输入框img图片tt电传文本input输入框u下划线kbd定义键盘文本var定义变量特征： 在CSS中设置宽/高无效。在CSS中margin属性仅能设置左右方向有效，上下无效;padding属性设置上下左右都有效，即会撑大空间。行内标记的尺寸由包含的内容决定。盒子模型中padding、border与块级元素并无差异，都是标准的盒子模型，但是margin属性只有水平方向的值，垂直方向并没有起作用。不会自动进行换行。 2.块状标记块状标记中具有代表性的就是div。 块状标记的主要特征有以下儿点: (1)在CSS的设置中，能够识别宽/高。 (2)在CSS的设置中, margin属 性和padding属性的上下左右均对其有效。 (3)可以自动换行。 (4)多个块状标记的标签写在一起， 默认排列方式为从上至下。 其他块状标记及说明标记名说明标记名说明h1大标题h2副标题h33级标题h44级标题h55级标题h66级标题div常用块级标题dir目录列表dl定义列表form交互表单p段落ol有序列表hr水平分割线address地址blockquote块引用center居中对齐块input表单pre格式化文本table表格ul无序列表fieldsetform控制组 3.行内块状标记行内块状标记综合了行内标记和块状标记的特性。在日常使用中，行内块状标记的使用次数比较多。 行内块状标记的主要特征有以下几点: (1)不自动换行。 (2)能够识别宽/高。 (3)默认排列方式为从左到右。 八、meta标记 meta标记位于HTML文档的和之间提供的信息用户不可见提供文档字符集、使用语言、作者等基本信息，还涉及对关键词和网页等级的设定meta标记共有两个属性，分别是name属性和http-equiv属性。 1.name属性 name属性主要用于描述网页，例如网页的关键词等。与之对应的属性值为content, content中的内容是对name填入类型的具体描述，便于搜索引擎抓取。 meta标记中nama属性的语决格式如下： name属性共有的参数： keywords (关键字):用于告诉搜索引擎该网页的关键字。例如:description (网站内容的描述):用于告诉搜索引擎该网站的主要内容。例如: |
【本文地址】
今日新闻 |
推荐新闻 |