美文网首页
html标签二

html标签二

作者: 博行天下 | 来源:发表于2017-03-05 14:44 被阅读0次

1、自定义列表
dl dt dd
2、超链接标签(重要)
url:统一资源定位符
格式:http://www.baidu.com:80/index.html?username=xiaopang&password=12345
1、协议名:http:// ftp:// news://
2、主机名或者地址:www.baidu.com 10.0.169.10
3、端口号:端口号取值范围是0-65535,常用的端口号1-1024(这些都被占用) http协议

默认的端口号是80
4、要请求的文件
5、携带的参数,?后面都是携带的参数,参数的形式以键值对的形式给出,多个参数中间使

用&符号隔开

href:写要链接的url地址或者本地的一个文件路径
    也可以指定本页面或者其他页面的锚点
    本页面:  #锚点名
    其他页面:文件路径#锚点名
title:当小手放到标签上面的时候,小手下面显示的文字就是title
target:
    _blank:在新窗口打开链接
    _self:在当前窗口打开连接(默认属性)
name(锚点):给锚点起名字
打开另一个文件的锚点:文件路径#锚点名

3、img标签(单边标记)
绝对路径(磁盘、站点(了解)、网络)
相对路径:就是相对自己去查找
磁盘绝对:C:\wamp64\www\1603\day02\baby.png
网络绝对:

http://a.hiphotos.baidu.com/image/pic/item/f9dcd100baa1cd11daf25f19bc12c8fcc3ce2d46.jpg
站点绝对:/123/baby.png /就是代表当前站点目录
相对:./baby.png ./意思就是在当前目录下(文件夹下面)去查找, ./可以省略不写
../../123/baby.png ../的意思就是上一级目录

src:图片来源
width\height:可以自己定制宽度和高度,如果想等比例缩放图片,则只定制一个即可
title:鼠标放上去显示在鼠标下面的文字
alt:当图片找不到的时候会显示这个alt设定的文字

图像热区(了解)

4、音频、视频标签(双边标记)
音频:audio(src\controls\loop\autoplay)
src:路径
controls:是否显示控制条
loop:是否循环播放
autoplay:是否自动播放
视频:video(src\controls\loop\autoplay\width\height)
width:宽度
height:高度

5、表格标签
基本用法
table(bgcolor\border\bordercolor\cellspacing\cellpadding\width\height\align)
bgcolor:背景颜色
border:表格边框
bordercolor:边框颜色
cellspacing:单元格间距离
cellpadding:单元格内容和单元格边框之间的距离
width:宽度
height:高度,高度可以不设置,内容会自动撑开高度
align:对齐方式 left center right

tr(align\valign\bgcolor)
align:left   center   right  水平方向对齐方式    (默认left)
valign:  top   middle   bottom  垂直方向对齐方式 (默认middle)
【注】如果没有给该表格设置高度,那么设置valign无效,在以后布局页面的时候,一般不使

用valign,只有一种情况使用到,就是图片和文字并排排放的时候,需要设置图片的valign为middle

th(width\height\align\valign)
th就是表格的表头,默认为加粗居中显示,用法和td的用法一样,也要包含在tr中
width:宽度,设置后会影响这一列的宽度
height:高度,设置后会影响这一行的高度
align:水平对齐方式   left   center   right
valign:垂直对齐方式  top   middle  bottom

td(width\height\align\valign\colspan\rowspan)
width:宽度,设置后会影响这一列的宽度,如果设置了多个,以最大的为准
height:高度,设置后会影响这一行的高度
align:水平对齐方式   left   center   right
valign:垂直对齐方式  top   middle  bottom
colspan:合并列,需要将同一行的那个td给干掉
rowspan:合并行,需要将下一行的那个td给干掉

caption:表标题,会随着表格的移动而移动

6、分帧标签
iframe(width\height\src\name\frameborder\scrolling)
width:小窗口的宽度
height:小窗口的高度
src:小窗口要显示的链接或者文件路径
frameborder:值为1和0,1代表有边框,0代表没有边框,默认有边框
scrolling:
yes:可以滚动,是默认属性
no:不可以滚动,
auto:是自动滚动,如果内容大于iframe,可以滚动,如果内容小于iframe,不能

滚动
name:给这个小窗口起名字,在a链接的target属性设置为iframe的name,则链接会在iframe

小窗口中显示

frameset(cols\rows\border\bordercolor\frameborder\noresize)
【注】frameset不能写到body里面,写frameset需要将body干掉
cols:要分为几列帧
rows:要分为几行帧
border:边框
bordercolor:边框颜色
frameborder:是否显示边框,值为1和0  1代表有   0代表没有   默认为1
noresize:不可以重新调整帧大小   默认在浏览器是可以调整大小的

frame(src\name\scrolling)
用来显示每一帧的内容,该标签是单边标签
src:要显示的文件
name:就是给该小窗口起名字,用来显示左边导航区域得点击链接,详见9framename.html
scrolling:是否可以滚动,   yes  no  auto

noframes
分帧应用1:显示其他页面
分帧应用2:oa系统模板演示

相关文章

  • JAVA 之 HTML知识框架

    HTML简介 一. html是什么 二、html基本标签 三、html表单标签(重点) 四、html框架标签及其他

  • web端测试也需要懂-HTML初识

    4.1 HTML骨架 4.2 HTML标签分类 一.双标签 <标签名>内容 二.单标签 <标签名/> ...

  • 二.HTML基础

    一.HTML 标题 HTML标题(Heading)是通过 - 等标签 二.HTML 段落 HTML段落是通过 标签...

  • HTML学习笔记--11.21

    一、html代码 二、html标签 三、html页面预览

  • html标签二

    1、自定义列表dl dt dd2、超链接标签(重要)url:统一资源定位符格式:http://www.baid...

  • HTML标签二

    上期回顾 HTML文件标准文档结构的详细介绍 掌握语义化的重要作用1.什么是语义化2.为什么需要语义化 部分标签介...

  • HTML知识点梳理(详细整理版)

    一.HTML文档基本结构 二.常用HTML标签(元素) 文本标签:( — )标题大小、 标签、 本段落、 文本容器...

  • HTML元素

    一.HTML 文档是由HTML元素定义的 二.HTML 元素 HTML 元素指的是从开始标签到结束标签的所有代码 ...

  • 关于HTML

    (一)PS操作: (二)HTML(及标签):1:HTML的文档构成: 2:HTML:具有严谨型和过渡型 3:标签:...

  • HTML5基础——HTML的基本结构

    一、微文概览: HTML文件的编写方法开始标签 头部标签 标题标签 主体标签 二、详细介绍 1.HTML文件的编写...

网友评论

      本文标题:html标签二

      本文链接:https://www.haomeiwen.com/subject/xpfegttx.html