HTML知识点一

HTML基础知识一

<!DOCTYPE html>  <!-- 文档声明标签,告诉浏览器使用哪种HtMl5版本显示网页 -->
<html lang="zh-CN"> <!-- 定义当前文档显示的语言  en英文  zh-CN中文 -->
<head>
    <meta charset="UTF-8"> <!-- 字符集,计算机能够识别和存储各种文字 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我利用vscode创建的第一个页面</title>
</head>
<body>
    <h1>标题标签</h1>
    <p>1.我们总是在意别人的言论,不敢做自己喜欢的事情,
        害怕淹没在飞短流长之中。<br/>其实没有人真的在乎你在想什么,
        不要过高估量自己在他人心目中的地位。被别人议论甚至误解都没啥,
        谁人不被别人说,谁人背后不说人,你生活在别人的眼神里,就迷失在自己的心路上。
    </p>
    <p> 2.人和人之间就是一份情,一份缘,你珍惜我,我会加倍奉还,
        你不在意我,就让一切归零!
    </p>
    <img  src="tigger.png"/>
    <img  src="tigger.png"  alt="小老虎" title="这是一只小老虎"  width="500" border="15"/>
</body>
</html>
标题标签<h1>-<h6>
段落标签 <p></p>
换行标签<br/>

文字:
加粗:<strong></strong> 推荐
      <b></b>
倾斜:<em></em>  推荐
       <i></i>
删除线:<del></del>推荐
       <s></s>

下划线:<ins></ins>
       <u></u>
       
表示一个盒子,来装内容:
       <div></div>  一行只能放一个div(独占一行,理解为一个大盒子)
       <span></span> 一行可以放多个span(理解为一个小盒子)
图像标签:
      <img> 单标签
      <img src="图像URL"/>
          src是<img>标签的必须属性,它用于指定图像文件的路径和文件名
     alt:替换文本  图像显示不出来的时候用文字替换
     title:鼠标放到图像上,提示的文本
     width:图像宽度
     height:图像高度
     border:图像的边框粗细


     注意点:
     图像标签可以拥有多个属性,必须写在标签名的后面
     属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开
     属性采用键值对的方式,key="value"的格式,即 属性="属性"
     <!--  -->注释,快捷键ctrl+ /键
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值