html 常用

html

  • HTML 技术介绍:

    • html 构建页面的最基础的框架!内部包含了大量的元素(标签) ,组成整个页面,没有逻辑,
    • css 层叠样式列表,
    • js 脚本
  • 使用语法:创建一个HTML文件,文件的后缀名是 .html

  • 内部可以使用标签<标签名> 文本类容</标签名>

    • ​ 标签一定有正确的嵌套 标签里面套标签,不能将里面的标签结束放在外面的标签结束后面
    • ​ 标签还有一些属性,属性之间 用空格
    • ​ 空标签:没有显示的类容,只设置一些属性 <> 或者 < br/>

标签:

  • 结构标签:组建整个页面的基本结构
    • 包括:
    • 的一些属性 - text : 文本的颜色 值: 英文单词 色值表达法 #十六进制r 十六进制g 十六进制b 例如:#ffff00 #000000 - bgcolor: 背景颜色 - background:背景图片 - 静态的资源(图片,css ,js)引入: 相对路径:相对于当前页面的位置 ./当前文件夹,可省略 ../当前文件夹的上一级目录 /文件夹 下一级目录 - 或者网络路径
<!--根标签-->
<html> 
		<!-- html文件的标签 , 并不显示数据
		进行页面的设置,例如tital ,编码格式等  也是引入css和js的位置
				执行流程是从上向下	做一些显示前的而前置工作,基础的设置工作 -->
		<head> 
			<meta charset="utft-8">
			<tital> </tital>
		</head>
		<body>
		 </body>
</html>

  • 排版标签

    • p 段落标签 ,自己占一行,显示文本
      • align : left center right 行级标签
    • br 换行标签
    • hr 画线标签
      • align
      • width 线的长度
        • 尺寸赋值: 1、像素px 给他一个固定的大小 2、比例, 占父级的比例
      • size 线的宽度
      • color
    • ​ <!-- --> 注释标签
  • 文字标签

    • font- family 字体的类型
    • font-size 字体的大小
    • color 字体的颜色
  • 文本格式化标签

    • 下标
    • 上标
    • 加粗
    • 微斜加黑
    • 加黑
    • 中甲加画线
  • 标题标签

    • h1 ------h6 加黑加粗
      自己占一行,越小,字越大
  • 清单标签

    • 有序:
      1. 无序:
        • 列表里面需要加
        • 标签
          • 属性:
            type :类型
      2. 表格标签

        • table 表格

          • 属性:
          • border : 边框的宽度
          • bordercolor: 边框颜色
          • bgcolor: 背景颜色
          • width 宽
          • heigh 高
          • background 背景
          • align 对齐
        • tr 行标签

        • th 列标签,但是会加粗字体,可以作表头

        • td 列标签

          • 属性
            • colspan 水平合并
            • rowspan 垂直合并
      3. 图片标签

        • ​ img 行内标签
          ​ src 属性:指定图片的地址
        • map热区地图 需要再img标签中声明 usemap usemap = “#area的名字”
          name
        • 标签 area map的基础
          shape 类型
          coords 定位
          href 连接
          alt 提示
      4. 超链接标签

        • a
          • target : _blank 新开一个页面
          • ​ _self 默认的 ,同一个页面打开
          • ​ frame_name
          • ​ 锚点功能:href = “#id” 上下横跳
      5. 块和行类

        • 块标签:行级标签:块标签自己占一行
          • hr br p table h1-h6 ul ol div
        • 内连标签:行内标签,会根据自身内容的宽和高,可以多个在一行
          • a img span
      6. from 表单

        • 就是页面中输入数据,提交数据的集合
          • 输入框
          • ​ type submit 提交
          • ​ text password
          • value 默认内容
          • placeholder 提示信息
      7. 框架标签:

        • iframe 可以加载其他页面,可以作为页面的容器! 这样一个页面可以将代码分到多个页面,并用iframe进行加载!
          • src 指向展示的页面地址
          • 能够设置宽高
          • frameborder 可以移除边框 , 将其设为0px
        <iframe id="ifr" src="demo06.html" width="99%" height="700px"></iframe>
        
      8. 特殊的标签:

        六、 特殊标签
        &lt; < 小於号或显示标记 
        &gt; > 大於号或显示标记 
        &amp; & 可用於显示其它特殊字符 
        &quot; " 引号 
        &reg; ? 己注册 
        &copy; ? 版权 
        &trade; ? 商标 
        &ensp;   半方大的空白 
        &emsp;   全方大的空白 
        &nbsp;   不断行的空白   ****************
        
        
      • 0
        点赞
      • 1
        收藏
        觉得还不错? 一键收藏
      • 0
        评论
      评论
      添加红包

      请填写红包祝福语或标题

      红包个数最小为10个

      红包金额最低5元

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

      抵扣说明:

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

      余额充值