HTML(超文本标记语言)

HTML 被称为超文本标记语言,这里的超文本是指在网页中可以加入图片、声音、动画、视频等内容。事实上,每个 HTML 文档都是一种静态的网页文件,这个文件中包含了各种标签。

一、HTML 的基本结构

一个典型的 HTML 文档结构如下:

<html>
<head>
    <meta charset="UTF-8">
    <title>标题title>
head>
<body>
文档的主体,正文部分
body>
html>

二、HTML常用标记

1、标题标签
<h1>一级标题h1>
<h2>二级标题h2>
<h3>三级标题h3>
<h4>四级标题h4>
<h5>五级标题h5>
<h6>六级标题h6>

标签 h1 代表最大,h6 最小。

2、普通标签
<p>段落标签p>
<br>换行    
<hr>水平线   
<strong>加粗strong>
<em>斜体em>
3。特殊符号
小于号:    >
大于号:    <
空格:           
引号:      "
版权符号:  ©
4、图像标签
<img src="图片的路径" title="鼠标悬停显示的字" alt="图片名字" width="" heigth="">

在写图路径的时候我们一般使用相对路径,用 …/ 可以表示该文档的上一级目录。

5、链接标签

链接标签就是为文字或者图片加上一个超链接,我们可以用 target 设置 目标跳转的网页打开方式:

  • _blank : 打开新的网页
  • _self : 在本网页打开
<a target="_blank" href="链接的地址">文字或者图片a>

锚点链接

锚链接
<a name="锚点">a>
<a href="#锚点">跳转a>

锚点链接可以在一个网页中自动跳转,如网页中的回到顶部的操作。

功能性链接

发送邮箱

这个链接点击的时候会自动跳转到邮箱。

6、列表标签

代表无序列表
  • 代表列表项,使用方法如下代码:

    <ul>
        <li>李十八li>
        <li>李十八li>
        <li>李十八li>
        <li>李十八li>
    ul>
    

    代表有序列表
  • 代表列表项,使用方法和无序列表一样


    代表自定义列表,
    代表列表标题,
    代表列表项,使用方法如下:

    <dl>
        <dt>火影忍者dt>
        <dd>鸣人dd>
        <dd>佐助dd>
        <dd>dd>
    
        <dt>海贼王dt>
        <dd>路飞dd>
        <dd>索隆dd>
      
    dl>
    
    7、表格标签

    标签代表表格,使用方法如下:

    
    <table border=1px>
        <tr>
            
            <td colspan="2">1-1td>
            <td>1-2td>
            <td>1-3td>
        tr>
        <tr>
            
            <td rowspan="2">2-1td>
            <td>2-2td>
            <td>2-3td>
            <td>2-4td>
            <td>2-5td>
        tr>
     
       
    table>
    
    8、音频和视频标签
    
    <video src="视频链接" controls width="1280px" height="720px" autoplay>video>
    
    
    <audio src="音频路径" controls autoplay>audio>
    
    
    9、内联框架

      iframe 就是内联框架的标签,它可以起到一个容器的作用,可以在一个网页中嵌入另外一个网页。具体代码如下:

    <iframe name="markup" >iframe>
    <a href="https://www.baidu.com" target="markup">百度a>
    

      注意,a 标签的 target 属性的名字需要和 iframe 标签的 name 属性一致。

    你可能感兴趣的:(HTML(超文本标记语言))