6.html

HTML

​ HTML(HyperText Markup Language)就是超文本标记语言。"超文本"就是表示页面内可以包含非文字元素,如:图片、链接、音乐等等。

基础语法

html 结构

1.以head 为 头 (html文档名)

2.body为身子(主要代码内容)

3.结束 结束

语法结构

  • 首先第一个写 <

  • 第二个写 标签 列如 :a (超链接) br(空格) div(块)

  • 标签后面输出要写的内容,可添加属性 如:targe _blank

  • 内容和属性 用 = 号连接 ,内容要扩上双引号 " ",语句用 < 结束 一 般>后面是内容

<!DOCTYPE html>
<html lang="en">
<head><!--头  输入 标题名字-->
    <meta charset="UTF-8">
    <title>标题</title>
</head>

<body><!--身子  输入html主要内容-->
<a href(href属性)="文本内容“<img src(src属性)="引用的内容">文本内容</a>
</body>
</html><!--结束语句-->

a:超链接

<a href="相对路径.html">文本的内容</a>
  • tittle

    当鼠标悬停在标签上时候显示的提示字

  • target 打开方式

    1. _blank 新页面打开

    2. _ self 本页面打开

    3. “#” 回到顶部但不刷新

    4. src 图像地址

    5. alt 当图片无法正常显示,显示提示字

    6. width : 宽度 px

    7. height :高度

    8. border :边框

      快捷键

      注释快捷键 :ctrl + shift + /

      复制语句 : ctrl + d

      div 块

      1.div介绍

      1.正常显示

      2.独占一行,前后换行

      3 嵌套其他元素,统一管理元素标签,统一设置样式

      2.块元素与行内元素

      • 元素: 标签+内容

      • 块元素:
        独占一行,前后换行

        可以设置宽高

      • 行内元素:
        可以与其它元素同行显示,宽度由内容撑起来
        不可以设置宽高
        嵌套其他行内元素或者普通文本

      • 元素共有属性:
        align 设置块元素中的内容在当前块元素中的对其方式

        left 左对齐 默认

        right 右对齐

        center 剧中对其

        justify 两端对齐 多行文本下,两端对齐有效果

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值