常见html标记和页头说明

一、常见的需要熟记的html标记有:
(1)结构标记:html,head,body
(2)头部标记:title,meta(描述标记),link(外链,如CSS,或元标签等),style(头部直接嵌入CSS),base(基准标记,如指定全部新窗口打开等),script(链接或嵌入js)
(3)文本标记:font,b(加粗),i(倾斜),u(下划线),em(倾斜,语义重要),strong(加粗,语义重要)
(4)段落标记:p(段落),hn(即传说中的h1~h6),pre(格式化文本),marquee(跑马灯),br(文本换行),nobr(不换行),hr(插入水平线),address,center,blockquote(引用)
(5)列表标记:ul(无序列表),ol(有序列表),dl(定义列表),li(列表项),dt(定义列表标记中的列表标题),dd(定义列表标记中的列表内容)
(6)超链接标记:a,map(设定地图用于定义其上的热区),area(热区)
(7)图像及媒体元素标记:img,embed(嵌入,多用于背景音乐),object(嵌入对象,如视频,flash等)
(8)表格标记:table,tr(行标),td(单元格),th(表头),tbody(表格体)
(9)表单标记:form,input,textarea(多行文本域),select(列表框),opinion(列表框内的选项),fieldset(字段集),legend(字段集标题),label
(10)框架标记:frameset,frameiframe
(11)容器标记:div,span(行内元素)

二、一般网页头部默认都有的“文档类型”说明

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
</html>

三、网页的常见结构

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content=""> <!--SEO描述信息-->
    <meta name="Keywords" content=""> <!--SEO关键字信息-->

    <link rel="shortcut icon" href="favicon.ico"/> <!--地址栏里16*16的元ico-->

    <link rel="stylesheet" href="abc.css" type="text/css" /> <!--CSS来了-->
    <style type="text/css">h1{color:red;}</style> <!--CSS直接写头上了-->
    
    <script src="abc.js" type="text/javascript"></script> <!--js也来了-->

    <title>ROY的小网站</title>
</head>

<body>
    <div>
        <!--以下省略一万字-->
    </div>
</body>
</html>
原文地址:https://www.cnblogs.com/roytanlu/p/2477743.html