HTML基础知识

HTML基础知识

HTML简介

​ HTML5 是 HyperText Markup Language 5 的缩写,HTML5 技术结合了 HTML4.01 的相关标准并革新,符合现代网络发展要求,在 2008 年正式发布。HTML5 由不同的技术构成,其在互联网中得到了非常广泛的应用,提供更多增强网络应用的标准机。与传统的技术相比,HTML5 的语法特征更加明显,并且结合了 SVG 的内容。这些内容在网页中使用可以更加便捷地处理多媒体内容,而且 HTML5中还结合了其他元素,对原有的功能进行调整和修改,进行标准化工作。HTML5 在 2012 年已形成了稳定的版本。


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <style>
        /*div{
            width: 100%;
            line-height: 300px;
            background: pink;
            font-size: 50px;
            text-align: center;
        }
        /*  文本对齐方式:text-align
            左对齐:left
            右对齐:right
            居中对齐:center
            水平居中对齐:text-align:center
         */
        /*.one{
            width: 500px;
            height: 500px;
            background: red;
        }*/ 
        /*.two{
            width: 300px;
            height: 300px;
            background: blue;
        } */
        /*.three{
            width: 130px;
            height: 130px;
            background: green;
        }*/

    style>
head>
<body>





    
    
    

    

    
    
    

    
    
    
    
    
div>
body>
html>

​ HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。HTML产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网应用的开发。

​ HTML5是Web中核心语言HTML的规范,用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的,在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进,虽然技术人员在开发过程中可能不会将这些新技术投入应用,但是对于该种技术的新特性,网站开发技术人员是必须要有所了解的。


<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>html入门title>
head>
<body>
    
    
    
body>
html>
HTML5将Web带入一个成熟的应用平台,在这个平台上,视频、音频、图像、动画以及与设备的交互都进行了规范

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <style>
        div{
      
            width: 300px;
        }
    style>
head>
<body>
    
    

    
    
    
    
    
    

    
    

    
    

        
        

       


       

       
       


       
       
       
       
       
       
       
       
body>
html> 


自1999年以后HTML 4.01 已经改变了很多,今天,在HTML 4.01中的几个已经被废弃,这些元素在HTML5中已经被删除或重新定义。


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>
    
    我是p标签开始之前:
    <p align="center">
        我是p标签
        <a href="#">aa>
        <img src="" alt="">
    p>

    <hr>

    <h1>坏蛋是怎样炼成的h1>
    <h2>h2>
    <h3 align="center">h3>
    <h6>h6>
body>
html>

为了更好地处理今天的互联网应用,HTML5添加了很多新元素及功能,比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式 处理,和几个api拖放元素,定位,包括网页 应用程序缓存,存储,网络工作者,等。

今天案例


<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <link rel="stylesheet" href="../css/今日案例.css">
head>

<body>
    <hr>
    <div>
        <br>用户名:<input type="text" placeholder="请输入用户名">
        <br>密码:<input type="password" placeholder="请输入密码">
        <br>性别:<input type="radio" checked><input type="radio"><br>生日:
        <select name="" id="">
            <option value="">1997option>
            <option value="">1998option>
            <option value="">1999option>
            <option value="">2000option>
            <option value="">2001option>
        select><select name="" id="">
            <option value="">1option>
            <option value="">2option>
            <option value="">3option>
            <option value="">4option>
            <option value="">5option>
            <option value="">6option>
            <option value="">7option>
            <option value="">8option>
            <option value="">9option>
            <option value="">10option>
            <option value="">11option>
            <option value="">12option>
        select><select name="" id="">
            <option value="">1option>
            <option value="">2option>
            <option value="">3option>
            <option value="">4option>
            <option value="">5option>
            <option value="">6option>
            <option value="">7option>
            <option value="">8option>
            <option value="">9option>
            <option value="">10option>
            <option value="">11option>
            <option value="">12option>
            <option value="">13option>
            <option value="">14option>
            <option value="">15option>
            <option value="">16option>
            <option value="">17option>
            <option value="">18option>
            <option value="">19option>
            <option value="">20option>
            <option value="">21option>
            <option value="">22option>
            <option value="">23option>
            <option value="">24option>
            <option value="">25option>
            <option value="">26option>
            <option value="">27option>
            <option value="">28option>
            <option value="">29option>
            <option value="">30option>
            <option value="">31option>
        select><br>地址:<input type="text">
        <br>学历:
        <select name="" id="">
            <option>学前教育option>
            <option>小学option>
            <option>初中option>
            <option>中专option>
            <option>高中option>
            <option>大学option>
            <option>大专option>
            <option>研究生option>
            <option>博士option>
            <option>博士后option>
            <option>硕士option>
            <option>教授option>
            <option>其他option>
        select>
        <br>手机号<input type="text">
        <br><input type="radio" checked> 我已阅读 <a href="">宪法公约a>
        <br><button>提交button>
        <button>重置button>
    div>
    <hr>
body>

html>

你可能感兴趣的:(html5,html)