黑马课程基础前端篇html.个人笔记

这篇博客详细记录了HTML的基础知识,包括文字标签、媒体标签、链接标签、列表标签、表格标签、表单元素以及语义化标签的使用方法,并通过实际案例展示了优秀学生表格和表单的设计。此外,还提到了字符实体的使用和路径的概念。
摘要由CSDN通过智能技术生成

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>html</title>

</head>

<body>

<!-- 1.文字标签 -->

    <!-- <h1>标题</h1>  标题标签h1-h7  双标签-->

    <!-- <hr> 水平分割线  单标签-->

    <!-- <P>我是</P> 段落标签独占一行 双标签 -->

    <!-- <br> 换行标签   单标签-->

<!--

    <b>加粗</b>

    <strong>加粗</strong>

    <u>下划线</u>

    <ins>下划线</ins>

    <i>倾斜线</i>

    <em>倾斜线</em>

    <s>删除线</s>

    <del>删除线</del>

     项目开发中,重要的就用strong,ines等标签表示

-->



 

<!-- 2.媒体标签 -->

 <!-- 2.1图片标签 -->

    <!-- <img src="图片的路径" alt="图片不显示的时候显示的文字"

    title="这是鼠标悬停的时候显示的文字 不仅仅只用于图片,还可以用再其他标签"

    width="宽,单写一个也不会变形,会等比例缩放。工作中宽高两个只要写一个," height="高度, 双写设置不当会变形">   -->

 <!-- 2.2路径 -->

    <!-- 绝对路径(了解):1.指盘符开头,D:\DAY\...  \  2.完整的的网咯地址:https://123/ -->

    <!-- 相对路径 都在同一个一个目录里面 ./(当前目录)  下级目录 ../退出当前回到上级  /下一级    -->

 <!-- 2.3音频标签 -->

     <!-- <audio src="音频文件位置"  controls(音频控件) autoplay(自动播放) loop(循环播放)  目前支持:mp3,wav.ogg></audio> -->

 <!-- 2.4视频标签 -->

    <!-- <video src="音频文件位置"  controls(音频控件) autoplay(自动播放,谷歌浏览器要配合muted实现静音播放) loop(循环播放) 目前支持:mp4,webm.ogg></video> -->

 <!-- 2.5链接标签 --&g

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值