• html一个案例学会所有常用HTML(H5)标签

    目录

    前言

    HTML5声明

    HTML框架

    head头部

    声明编码格式

    告诉IE浏览器，IE8/9及以后的版本都会以最高版本IE来渲染页面。

    移动端适配 

    网站标题

    网站正文

    网站内容的组成 

    文字有关标签

    音频视频标签

    表单标签与input属性

     

    前言

    HTML没有什么难度，无论对于大一开始学的，或者大二进行重新复习都是一样，只要踏实下来就那么稳稳的敲个几遍也就记住了，这里面我没有涉及table标签，因为这个标签有层级结构，当大家掌握到基本入门的时候我再说table，因为到了web前后端考试的时候才会涉及到table的遍历，当然，这个也是分语言的，如果是java就是jsp，但是如果是.NET就会是ASP，我们会根据不同的语言进行讲解，jsp的el表达式遍历table，asp的GridView与repeater都会给大家比较细致的讲解。

    超链接我也没添加在这里，就一个【a】字母，这篇文章主要让大家记住一些常用标签的单词，很简单的我就没添加，因为后面用的多，用着用着就都会了。大家踏实一些，将之前落下的补充上，后面都能顺利的听懂整堂的内容了，祝大家都可能顺利的通过考试。

    HTML5声明

    html>

    HTML框架

    2. <html lang="en">
    3. html>

    head头部

    1. <head>
    2. head>

    声明编码格式

    <meta charset="UTF-8">

    告诉IE浏览器，IE8/9及以后的版本都会以最高版本IE来渲染页面。

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    移动端适配 

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    网站标题

    <title>My First HTML Pagetitle>

    网站正文

    1. <body>
    2. body>

    网站内容的组成 

       

       

       

       

       

    文字有关标签








    音频视频标签

       

       

    表单标签与input属性

     








    1. html>
    2. <html>
    3.  
    4. <head>
    5.     <title>咱们的复习内容HTML5title>
    6. head>
    7.  
    8. <body>
    9.     
    10.     
    11.     
    12.     
    13.     
    14.     
    15.     
    16.     
    17.     
    18.     
    19.     
    20.     
    21.     
    22.     
    23.     
    24.     
    25.     
    26.     <fieldset>
    27.         <legend>表单操作legend>
    28.         <form action="#" method="get">
    29.             <p>
    30.                 
    31.                 <input type="text" name="userName" value="666" readonly/>
    32.             p>
    33.             <p>
    34.                 
    35.                 <input type="password" name="passWord">
    36.             p>
    37.             
    38.             <p>
    39.                 <input type="radio" name="sex" value="boy" />男
    40.                 <input type="radio" name="sex" value="girl" checked/>女
    41.             p>
    42.             
    43.             <p>
    44.                 <input type="checkbox" name="likes">电子游戏
    45.                 <input type="checkbox" name="likes" checked>电子小说
    46.                 <input type="checkbox" name="likes">改变世界
    47.                 <input type="checkbox" name="likes">学会养生
    48.             p>
    49.             
    50.             <p>
    51.                 <input type="file" name="file">
    52.             p>
    53.             
    54.             <p>
    55.                 <select name="minzu">
    56.                     <optgroup label="少数民族">
    57.                         <option>水族option>
    58.                         <option>葬爱家族option>
    59.                         <option>黎族option>
    60.                         <option>傣族option>
    61.                         <option>仡佬族option>
    62.                     optgroup>
    63.                     <optgroup label="非少数民族">
    64.                         <option value="汉族">汉族option>
    65.                     optgroup>
    66.                 select>
    67.             p>
    68.             <p>
    69.                 
    70.                 <textarea rows="10" cols="50">textarea>
    71.             p>
    72.             <p>
    73.                 <input type="submit" value="提交" />
    74.             p>
    75.         form>
    76.     fieldset>
    77.     
    78.  
    79.  
    80.  
    81.     
    82.     
    83.     
    84.     
    85.     
    86.     
    87.     
    88.     
    89.     <pre>
    90.         dasdasdas 
    91.         dsfds 
    92.         sdfsdfsdf杀东方实际对话\n发送端飞说多了几分lksdf
    93.         sdfsdfsd发斯蒂芬  是方式\r即可的风扇电机福克斯  
    94.          飞的是否会速度较快和福克斯      数据的可接受的
    95.     pre>
    96.  
    97.     <b>孔武     有力b>
    98.     <i>孔孟    之乡i>
    99.     <u>孔曰    取义u>
    100.     <h1 align="center">李白h1>
    101.     <p align="center">云想
    102.         <font color="red" face="华文行楷">衣裳font>
    103.         花想容，p>
    104.     <p align="center">春风拂槛露华浓。p>
    105.     <p>若非群玉山头见，p>
    106.     <p>会向瑶台月下逢。p>
    107.  
    108.     <h1>I Have A Dream!h1>
    109.     <h2>I Have A Dream!h2>
    110.     <h3>I Have A Dream!h3>
    111.     <h4>I Have A Dream!h4>
    112.     <h5>I Have A Dream!h5>
    113.     <h6>I Have A Dream!h6>
    114.  
    115.     <hr color="red" size="7" />
    116. body>
    117.  
    118. html>

    这里对HTML概述讲解一下：

    HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。 [1] 超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。

    超文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。

    HTML由来

    HTML的英文全称是 Hyper Text Markup Language，即超文本标记语言。HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台(如UNIX， Windows等)。使用HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件“翻译”成可以识别的信息，即我们所见到的网页。

  • 相关阅读:
    学习大数据可以进入哪些公司？
    神经网络ppt不足之处怎么写,神经网络ppt免费下载
    count(1)、count(*) 与 count(列) 的区别？
    自动控制原理《线性系统的时域分析》
    使用jdk自带的VisualVM分析hprof堆转储文件
    python制作GIF动图
    掌握技巧，高效开会：提升效率与效果的关键
    关于我在项目中封装的一些自定义指令
    【python】使用python操作XML文件及JSON与XML互转
    图文流程 Linux部署多个Mysql
  • 原文地址：https://blog.csdn.net/feng8403000/article/details/128017673