学习笔记—HTML基础标签

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 页面中的图像。 标签有两个必需的属性：src 和 alt。

    　　　　注释：从技术上讲，图像并不会插入 HTML 页面中，而是链接到 HTML 页面上。 标签的作用是为被引用的图像创建占位符。

    <img src="http://images.cnblogs.com/cnblogs_com/shangyang/1431105/o_background.jpg" alt="background" width="42" height="42" />

    超链接标签

    　　超链接标签 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属性规定在