html学习笔记

最新推荐文章于 2023-01-12 15:14:08 发布

追梦小狂魔

最新推荐文章于 2023-01-12 15:14:08 发布

阅读量89

点赞数

本文链接：https://blog.csdn.net/qq_15557299/article/details/110435231

版权

<!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>