HTML基础与样式-优快云博客

本文介绍了HTML的基本结构与常用标签，包括文档头部元素、段落、标题、文本格式化标签等，并探讨了如何使用属性和特殊元素进行内容布局。

1.html主要由一对对的tag组成。没有内容的html元素被称为空元素，可以在开始标签中添加斜杠来关闭它。如<br/>

2.html属性：html属性添加在开始标签中，总是以名称/值对的形式出现，如：name=”value”。

这里，要注意，一般使用小写，属性值要添加双引号（英文的）

3.仅有几个标签在 HTML 的头部分是合法的，它们包括：<base>, <link>, <meta>, <title>, <style>和 <script>。

4.最基本的组成是

<html>
<head>
    <title>这里面写文件标题，出现在浏览器最顶端的标题栏上</title>

    <meta name="keyword" content="study,computer"> <!--用来标记关键词，方便浏览器找到该页面-->
    <meta name="author" content="Zhaoxialing"><!--用来标记文档的作者-->
    <meta http-equiv="Content-Type" content="text/html;charset=gb2312"><!--用来标记页面的解码方式-->
    <meta http-equiv="refresh" content="10;url=http://baidu.com"><!--10秒后自动刷新，跳转到url指向的页面-->
</head>

<body>
        <p align="center">这是一个居中的段落</p>
        <p>这是没有标注align元素的段落</p>
        <p>假如我想要在p中换行，可以使用br元素<br>换行了吗？<br>br没有closing tag哟</p>

        <p>上一行我打了一个空行，可惜页面里看不到呢                    然后刚刚打了20个空格，网页里会出现几个呢？</p>
        <!--添加一行注释，写注释是好习惯哟-->
        <h1>来试试标题君，这里是h1</h1>
        <h2>标题君h2<h2>
        <h3 align="center">居中的h3大小的标题</h3>

        <p>在这一段的下面加了一个hr元素，添加一条横线</p>
        <hr>
        <p>hr和br类似，都是没有closing tag的</p>
</body>
</html>

5.html常见格式

<html>
<head>
    <title>常用文本格式tag</title>
</head>

    <body bgcolor="#ffffff">
        body元素bgcolor设置页面的背景色
        <p><b>b表示粗体</b>比较下吧</p>
        <p><i>i表示斜体</i></p>
        <p><del>del中的字体被划线删除</del>外面的字体正常<p>
        <p><ins>ins表示下划线插入</ins>对照组</p>
        <p>X<sub>2</sub>2被sub包围，表示下标</p>
        <p>X<sup>2</sup>2被sup包围，表示上标</p>
        <p><blockquote>blockquote表示缩进引用</blockquote></p>
        <pre>pre中的内容   保留空格
             保留换行
        </pre>
        <code>Let's see the code</code>
        <p>code中显示的是计算机代码，为等宽字符</p>
    </body>
</html>

6.html特殊字体显示