html学习笔记

<!DOCTYPE html>
<!--解释的语言,浏览器解释-->
<html lang="en">
<head>
<!--    推荐解码方式-->
  <meta charset="UTF-8">
<!--    网页上显示的标题-->
  <title>freetranslate</title>
</head>
<body>
<h1>刘运超你真帅</h1>
<p>段落解释,因为本来就是这么帅的<br>br再在这里实现换行</p>
<!--hr可以在这个位置显示一道横线-->
<hr>
<blockquote>
    <p>在这里用了blockquote,看看会发生什么</p>
    <strong>在这里加个strong强调一下,只是会加粗文字,可用于段落p之间</strong>
<!--    ol代表一个有序列表,即标注123的那种,里面用li,他的type属性可以排序,比如type="A"表示按大写字母排序-->
    <ol>
        <li>ablue</li>
        <li>teal</li>
    </ol>
</blockquote>
<ul>
    <li>无序1</li>
    <li>无序2</li>
</ul>
<!--描述列表dl 描述术语dt 描述内容dd,dt
和dd同级,都在dl下面-->
<dl>
    <dt>
    描述标题
    </dt>
    <dd>描述的内容,用于一个标题过后,内容很长,标题占一格的情况</dd>
</dl>



<small>很小的字</small>


<div><p>分割一块区域,自动添加空白</p>

<nav>这里添加链接&nbsp      没有空格,只有&才能加空格出来 https://daohang.qq.com,这个链接不是可点击的,只能看看</nav>
<!--也可以创电子邮件,没试出来有什么用-->
    <a href="https://daohang.qq.com">这个名字点击就会打开前面的链接,具体是新页面还是原来的页面有target属性决定,可选html</a>
<a href="mailto:contact@trilliummediadesign.com">contact@trilliummediadesign.com</a>


<a href="templates/index.html">打开index.html网页</a>
    <footer>页脚,没啥用处,可以配合small和版权显示</footer>
    
</div>







<!--&开头有几个特殊字符,比如空格引号,艾特号破折号竖线-->
&copy; 我的版权所有,翻版必究
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

追梦小狂魔

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值