HTML(超文本标记语言)标签

7 篇文章 0 订阅

HTML:超级文本标记语言

作用:用来制作网页,可以控制网页元素的显示方式

网页:
  • 静态网页:当我们编写完页面之后,页面是固定不变的
  • 动态网页:由程序生成的页面,通过读取的数据的不同,可以生成不同的页面
HTML常用的标签:
  • 注释标签:
<!-- 注释的内容 -->
  • 段落标签:
<h1> </h1>  to  <h6> </h6>
以上的标签的作用是将标签的内容显示为标题的样式,每一个标签的内容,默认的自己单独占一行
属性:align:控制标签显示的位置
align取值:
         center:在一行的中间显示
         left:在一行的左侧显示 默认的显示方式
         right:在一行的右侧显示
<p> </p>将显示的内容当做一个段落进行处理,段落和段落之间或自动隔一个空行
属性:align:控制标签显示的位置
align取值:
         center:在一行的中间显示
         left:在一行的左侧显示 默认的显示方式
         right:在一行的右侧显示
  • 其他标签:
文本框:<input type="text"/>
<b> </b>:将内容按照粗体的方式进行显示
<i> </i>:将内容按照斜体的方式进行显示
<u> </u>:将内容加下划线
<ul> </ul>:无序列表
<li> </li>:有序列表
<br/>:换行标签
<del> </del>:按照删除文本的格式显示内容
<hr/>:定义水平线
<sub> </sub>:将内容按照下角标的形式进行显示
<sup> </sup>:将内容按照上角标的形式进行显示
<img/>:定义图像
      必须的属性:
      src:代表图片的路径,可以是相对路径、绝对路径、网络路径
      alt:当图片无法被显示的时候,需要显示的文本
      可选的属性:
      align:规定如何根据周围的文本来排列图像
      border:设置图片的边框的宽度
      width:设置图片的宽度
      height:设置图片的高度
      常用的宽高的单位:px或dp
  • 表格标签:
<table> </table>
常用的属性:
align:排列表格的位置
bgcolor:规定表格的背景颜色
border:设置表格的边框
cellpadding:设置单元格边框与文字的距离
cellspacing:设置单元格之间的距离
width:设置表格的宽度

表格中的行:
<tr> </tr>
常用的属性:
align:定义单元格中的文本排列
bgcolor:规定此行的背景颜色
valign:规定单元格中文本的垂直排列方式

单元格:
<td> </td>
常用的属性:
align:规定单元格内容的水平排列方式
bgcolor:规定单元格的背景颜色
width:设置单元格的宽度
height:设置单元格的高度

colspan:设置单元格所跨的列数
rowspan:设置单元格所跨的行数
  • HTML中颜色三种表示方式
    颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成
    16进制代码:bgcolor=#ff0000;
    rgb(r,g,b):rgb(255,0,0)或rgb(100%,0%,0%)
    颜色关键字:bgcolor=red
  • 超链接标签:
<a> </a>
作用:1.让当前页面跳转到另外的一个页面
     2.定位到当前页面的某一个位置或者是另外一个页面的某一个位置
常用的属性:
href:用来指定当前页面跳转到哪一个页面或者是定位到什么位置
    取值:网络地址 绝对路径 相对路径
target:设置在什么位置打开新的页面
取值:_blank:在一个新的未命名的窗口载入文档
     _self:在相同的框架或窗口中载入目标文档
     _parent:把文档载入父窗口或包含了超链接引用的框架的框架集
     _top:把文档载入包含该超链接的窗口,取代任何当前正在窗口中显示的框架
  • 表单标签:
<form></form>
常用的属性:
action:设置当前的表单数据提交给哪一个页面
method:设置使用哪种请求进行提交,设置HTTP请求的方式
      GET:属于明文提交的请求方式,所有的提交的数据全部都显示在URL地址栏内
           数据不安全,由于URL地址栏显示的内容有限,所以不能提交大数据
      POST:属于暗文提交的请求方式,会将所有的请求数据全部封装在HTTP请求正文中
           数据安全性较好,可以提交大数据
  • 框架标签
<frameset> </frameset>
可用来定义一个框架集,它被用来组织多个窗口(框架)
注意:不能与<frameset> </frameset>表情一起使用<body></body>标签
如果需要为不支持框架的浏览器添加一个<noframes>标签,将此标签放置在<body></body>标签中
可选的属性:
cols:定义框架集中列的数目和尺寸
rows:定义框架集中行的数目和尺寸
<frame/>元素的常用属性:
name:指定框架的名称
src:指定该框架放置的初始文件的位置
noresize:框架窗口的大小不能调整
scrolling:指定框架窗口的滚动模式
      auto-在需要时提供滚动模式
      yes-始终提供滚动模式
      no-不为窗口提供滚动条
frameborder:设置框架的边框
Marginwidth:指定框架内容的左右边距
Marginheight:指定框架内容的上下边距
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值