• HTML文件的基本结构


    HTML文件是标准的ASCII文件,且其后缀名为htm或html的文件。
    可以使用任何能够生成TXT类型源文件的文本编辑器来制作超文本标记语言文件。
    HTML文件中的标记是不区分大小写的。
    标准的超文本标记语言文件都具有一个基本的文档结构,标记一般都是成对出现(部分标记也有单标记,例如:<br />)。
    HTML文件的基本结构中的基本标记作用:
      <html></html>
       <head></head>  
       <body></body>
    标题标记的使用(标记<H1><H6>
    标题可用来分隔文章中的文字
    标题标记的语法格式如下:
    <hn align="对齐方式"> 标题文本</hn>
    HTML中提供了六级标题,为<h1><h6>
    align属性是可选属性,用于指定标题的对齐方式,其取值有三种:left、center、right
    字体标记设置文字的字体、字号和颜色
    字体标记的基本语法如下:
    <font  face="字体名称"  size="字号"  color="字体颜色" > 文字 </font>
    color属性设定文字颜色
    size属性设置指定文字的大小,其取值范围是1~7
    face属性设置字体的类型,中文的默认字体是宋体。
    段落标记语法格式如下:
      <p  align="对齐方式" > 段落内容 </p>
    单标记把结束标记放在开始标记中,也就是 <br />。该标记的作用就是换行,不能设置任何属性。
    一次换行使用一次<br />,多次换行需要使用多次<br />,连续使用两次<br />等效于一个段落换行标记<p />
    HTML文件在输出时都是要重新排版的,即把文本上一些额外的字符(包括空格、制表符和回车符等)都忽略
    预格式化指的是某些格式可以在源代码中预先设置
    源代码执行后的效果与源代码中预先设置好的效果几乎完全一样。
    预格式化标记<pre></pre>
    转义字符由三部分组成:
    第一部分是“&”符号;
    第二部分是实体名字或者是“#”加上实体编号;
    第三部分是分号,表示转义字符结束,
    其语法结构如下:
       &实体名称;

    标  记    描述
    <b>......</b>    加粗bold。如:<b>HTML文件</b>
    <i>......</i>    斜体italic。如:<i>HTML文本</i>
    <u>......</u>    下划线underline。如:<u>HTML文本</u>
    <s>......</s>    删除线strike。如:<s>删除线</s>
    <sup>......</sup>    上标
    <sub>......</sub>    下标
    无序列表主要使用<ul><li>标记和type属性,其中
      标记<ul>表示定义无序列表
        <li>标记定义列表项
    无序列表的基本语法如下:
    <ul  type="列表项的标记符">
    <li>项目一 </li>
    <li>项目二 </li>
    <li>项目三 </li>
    …… 
    </ul> 
    其中type属性的取值定义如下:
      disc是默认值,为实心圆;
      circle为空心圆;
      square为实心方块;
    列表中的项目采用数字或英文字母开头,通常各项目间有先后的顺序性。
    在有序列表中,主要使用<ol><li>两个标记以及type和start属性。
    有序列表的基本语法如下:
    <ol  type="列表项的标记符 "  start="起始值 ">
     <li>项目一 </li>
     <li>项目二 </li>
     <li>项目三 </li>
     …… 
    </ol> 

    start属性定义列表项开始编号的位置序号。
    type属性将有序列表的类型设置为英文或罗马字母
    分隔线的标记是<hr />

    分隔线可以在HTML页面中创建一条水平线,水平线可以将文档分隔成若干个部分。

    当用户单击文本链接指针时,即可在浏览器窗口打开链接的主页内容
    书签链接可用于当前页面的书签位置跳转,也可跳转到不同页面的书签位置。
    创建书签链接需要两步:第一步是创建书签,第二步是创建书签链接。
    1.创建书签语法结构如下:  
    <a name="书签名">[文字或图片]</a>
    2.创建书签链接
    链接到同一页面的书签连接定义语法如下:
    <a href="#书签名">源端点</a>
    链接到不同网页页面的书签连接定义语法如下:
    <a href="file_URL#书签名">源端点</a>
    不同页面跳转使用文本链接
    同一页面跳转使用书签链接
    图片标记语法格式如下:
    <img src="图片文件路径" alt="提示文本"  height="图片高度" width="图片宽度" />
    热点区域语法格式如下:
    <img src="图片文件路径" usemap=”#map名” />
    <map name="map名">
      <area shape="图像热区形状" coords="热区坐标" href="链接地址">
    </map>
    shape属性的属性值可以设置为:
    (1)rect:指定可单击区域为矩形,coords的值为“x1,y1,x2,y2”
    (2)circle:指定可单击区域为圆形,此时 coords的值为“x,y,z”,
    (3)poly:指定多边形各边的坐标
    coords的值为“x1,y1,x2,y2,...,xn,yn”
    marquee标记(滚动字幕)
    <marquee>标记语法格式如下:
    <marquee behavior="value" bgcolor="rgb" direction="value" scrollamount="value"  scrolldelay="value" truespeed="truespeed" loop="digit" height="value" width="value"  hspace="value" vspace="value">
      文字或图片
    </marquee>
    在网页中可以使用嵌入标记<embed>嵌入MP3音乐、电影等多种多媒体内容,使网页更具有生动性。
    其基本语法格式如下:
    <embed src="音频或视频文件的URL"></embed>

  • 相关阅读:
    Python3 CGI编程实现教程
    SSL密钥协商过程分析
    浏览器同源策略理解
    Python3+selenium 报错处理:“selenium.common.exceptions.NoAlertPresentException: Message: No alert is active”
    Python3 try-except、raise和assert解析
    计算机视觉常见技术(待理解)
    中国大学MOOC-陈越、何钦铭-数据结构-2017春
    Coursera机器学习+deeplearning.ai+斯坦福CS231n
    总结一些机器视觉库
    git rebase 多分支操作
  • 原文地址:https://www.cnblogs.com/tszr/p/15456145.html
Copyright © 2020-2023  润新知