资讯专栏INFORMATION COLUMN

学习笔记—HTML基础标签

CastlePeaK / 843人阅读

摘要:标题标签会将其中的文本加粗加黑显示,并从到依次减弱。换行标签换行符。可在标签内使用。规定表头单元格可横跨的行数。

HTML的概念

概念:

  HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

作用:

  在浏览器中数据需要使用友好的格式展现给用户。

  告诉浏览器接收到的数据使用什么样的数据组织形式进行显示。

使用:

  HTML的标准文档规范

  HTML的标签

 

互联网的三大基石

  URL:统一资源定位符(唯一的定位一个网络资源)

  HTTP:超文本传输协议(规范了浏览器和服务器之间数据交互格式)

  HTML:超文本标记语言(有效的组织数据在浏览器端的显示)

HTML的文档声明

  文件名.html 或 文件名.htm

HTML的标准文档结构

<html>
    <head>
    
    head>
    <body>
    
    body>
html>

 

标签学习

head标签

<head>
    <title>title>
    <meta />
    <link />
head>

   网页标题标签:

<title>Titletitle>

   编码格式标签:

<meta http-equiv="content-type" content="text/html;charset=utf-8">

  网页搜索优化标签:


<meta name="keywords" content="关键字" />

<meta name="description" content="网页描述" />

<meta name="author" content="殇央" />

  网页指定跳转标签:

<meta http-equiv="refresh" content="3;url=https://i.cnblogs.com/shangyang" />

 

文本标签

  标题标签h1...h6:

    块级标签,自动换行。标题标签会将其中的文本加粗加黑显示,并从1到6依次减弱。

<h1>这是标题 1h1>
<h2>这是标题 2h2>
<h3>这是标题 3h3>
<h4>这是标题 4h4>
<h5>这是标题 5h5>
<h6>这是标题 6h6>

  段落标签 p:

    块级标签,自动换行。表示文本的段落,段落通常在可视媒体中表示为文本块。段间距较大。

<p>这是一个段落。p>

  换行标签 br:

    换行符。换行间距较小。

<br />

  水平线标签 hr:

    块级标签。表示段落级元素之间的主题划分,会在浏览器中添加一条横线。

<hr />

  空格符  :

    空格符,告诉刘浏览器在此出输出一个空格。可在标签内使用。

 ;

 

列表标签

  列表项目标签 li:

    

  • 标签定义列表项目。

    <li>列表项li>

      无序列表 ul:

        表示HTML页面中项目的无序列表,一般会以项目符号(黑色实心圆)列表呈现。

    <ul>
    <li>咖啡li>
    <li>li>
    <li>牛奶li>
    ul>      

      有序列表 ol:

        在 HTML 中表示有序列表,是 ordered lists 的缩写。reversed属性可以指定列表倒序。

    <ol>
     <li>咖啡li>
     <li>li>
     <li>牛奶li>
    ol>
    
    <ol reversed>
     <li>咖啡li>
     <li>li>
     <li>牛奶li>
    ol>

      自定义列表 dl dt dd:

        

    标签代表一个描述列表。
    标签只能够作为
    标签的一个子元素出现,常常后跟一个
    标签。

        

    标签定义一个描述列表的项目/名字。
    标签被用来对一个描述列表中的项目/名字进行描述。

    <dl>
      <dt>编程语言dt>
          <dd>Javadd>
          <dd>C++dd>
      <dt>数据库dt>
          <dd>mysqldd>
        <dd>orcaledd>
    dl>

     

    图片标签

      图片标签 img:

        行内元素,不自动换行。用于展示 HTML 页面中的图像。

     

    超链接标签

      超链接标签 a:

         标签用于定义超链接,作用是从一个页面链接到另一个页面。

         标签最重要的属性是 href 属性,用于创建指向另外一个文档的链接(或超链接)。

    <a href="https://www.cnblogs.com/shangyang/" target="framename">欢迎来到殇央的博客a>
    

     

    表格标签

      一个 HTML 表格包括

    元素,一个或多个 、 元素定义表格行,
    以及 元素。

      

    元素定义表头,该标签中的内容会以粗体显示。 元素定义表格单元。

    <table border="1">
        <tr>
            <th>语文th>
            <th>数学th>
        tr>
        <tr>
            <td>123td>
            <td>145td>
        tr>
    table>
    

     

    内嵌标签

      内嵌标签 iframe:

        会创建包含另外一个文档的内联框架,有效地将另一个 HTML 页面嵌入到当前页中。

        iframe标签可以在当前网页加载其他网页的资源。src属性规定在