web开发＜1＞html语言基础-CSDN博客

本文链接：https://blog.csdn.net/weixin_60787500/article/details/127348798

1,HTML语言对大小写不敏感

1，html基本格式：

<!doctype html>
	<!--当前网页版本-->
<html><!--html根标签-->
	<head><!--子元素（头部）供浏览器解析网页-->
        <meta charset="utf_8"><!--元数据设置，比如字符集-->
		<title>
		不转不是中国人<!--标题，搜索引擎识别位置-->
		</title>
	</head>
	<body><!--子元素（主体）-->
		<h1>小诗</h1><!--一级标题-->
		<h2>数数歌<h2><!--二级标题-->
		<p>一二三四五</p><!--<p>段落标签-->
		<p>上山打老虎</p>
		<p><font color="red" size='2'>老虎不在家</font></p>
		<P>岁月不知年</p>
        <br>
	</body>
</html>

1,<html>表示网页文件的起点，

</html>表示网页文件的终点。

此标记是用于向浏览器表明此文档为超文本文档。

2，<head>和</head> 标记对用于标识网页的标题、字体、样式等属性信息。

3，<title>和</title>标记对嵌套于<head>和</head>之中，它用于标识网页的标题。

4，<body>和</body>标记对是网页文件的主体部分，任何显示的内容都置于该标记对之中。

格式：

<body属性1=值1 属性2=值2 … 属性n=值n>

5，<br>标记用于打印一个空行。

6,<meta>

！在开发时使用 UTF-8

如何声明字符编码：

<meta charset="utf-8">

1个case

（几乎包含了所有常用标签）

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta 
        charset="utf-8">
        <meta name="keywords"
        content="1">
        <meta name="description" content="这是一个网站">
         <meta http-equiv="refresh" content="1;url=https://www.baidu.com">
        <title>百度亿下，你就知道</title>
    </head>
    <!--  -->
    <body>
        <header>
            <h1><font size="7"><strong>自动翻译成中文</strong></font></h1>
            <nav>
                <ol>
                    <li></li>

                </ol>
            </nav>

        </header>
        <main>
            <!-- 有序列表，无序列表 -->
            <ul>
                <li>a1</li>
                <img src="3.gif" alt="a1">
            </ul>
        
            <ol>
                <li>a2</li>
                <img src="1.gif" alt="--a2--">
                <li>大山雀</li>
                <img src="2.gif" alt="a3">
            </ol>
            <p><span >a4</span></p>
        <img src="https://img2.baidu.com/it/u=1128216298,2207674418&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1666285200&t=69212bbccbb55741e92ad215454b925a">
        <br>
        <a href="#id3">随机位置</a>
        <a href="#ppp">直达底部</a>
        <br>
        <a href="../peom.html">唐诗三百首</a>
        <br>
        <a href="https://www.baidu.com"><font color="red">点击此处</font>进入<font color="red">簧色网站</font></a>
        <br>
        <a href="../poem2.html" target="_blank">小升初真题</a>
        <p><font color="red" size="7">警告 </font> <font size="7"> FBI warning!</font></p>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa voluptas cum molestias suscipit amet laudantium perspiciatis, praesentium tempore, neque exercitationem at alias, facilis corrupti. Eum fugit corporis expedita consequatur ipsum.</p>
        <p id="id3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa voluptas cum molestias suscipit amet laudantium perspiciatis, praesentium tempore, neque exercitationem at alias, facilis corrupti. Eum fugit corporis expedita consequatur ipsum.</p>
       <a id="ppp" href="#">回到顶部</a>
    </main>
        
        
    </body>
</html>