• 初识HTML


    HTML解释:

    HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,他是一种制作万维网页面标准语言(标记)。相当于定义统一的一套规则,大家都来遵守他,这样就可以让浏览器根据标记语言的规则去解释它.超文本标记语言,标准通用标记语言下的一个应用。

    一般网页是由HTML和CSS构成。

    HTML负责描述网页的结构和内容(如标题,导航栏等) CSS则负责网页的表现(外观)(如背景颜色,字体样式等)。

    一段简单的html代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    
    </body>
    </html>

    head部分:

    一般包括页面编码,刷新时间,关键字,描述等。另外,网页头部信息和图标显示也是在此处设置的。

    body部分:

    常用标签:

    <p></p>标签:段落标签,每一对p标签为一段

    <a></a>标签用来跳转和锚

    <a>标签之:跳转

    默认如果在<a><a/>标签中不设置那么他仅仅在浏览器中显示文本

    H标签:

    <h1>H1</h1>
        <h2>H2</h2>
        <h3>H3</h3>
        <h4>H4</h4>
        <h5>H5</h5>
        <h6>H6</h6>
    #由上到下依次变小

    select标签:

    <select>
        <option value="1">上海</option>
        <option value="2">北京</option>
        <option value="3" selected="selected">广州</option>
        <!--这里默认是广州因为selected="selected" 这里设置了默认的!-->
    </select>

    input:checkbox标签-复选框

    <input type="checkbox"/>
    <input type="checkbox"/>
    <input type="checkbox" checked="checked"/>
    <!--这里加一个标识checked="checked,为默认选择"--

    input:radio标签-单选框:

    <!--第一中情况不互斥    -->
    <input type="radio"/>
    <input type="radio"/>
    <input type="radio"/>
    <hr/>
    <!--对于input标签来说只要,radio的name值相同,那么他们就会互斥-->
    <input type="radio" name="gender"/>
    <input type="radio" name="gender"/>
    <input type="radio" name="gender"/>
    input:text & password 输入框
    <!--标准的输入框-->
    <input type="text"/>
    <!--密码的输入框(输入的内容是保密的)-->
    <input type="password"/>

    input:button & submit 提交按钮:

    <input type="button" value="提交"/>
    <input type="submit" value="提交"/>
    多行文本框
    <textarea style="height: 100px; 100px;"></textarea>

    form表单

    <form>
        <p>用户名:<input type="text"/></p>
        <p>密码:<input type="password"/></p>
        <input type="submit" value="提交"/>
        <input type="button" value="按钮"/>
        <!--这里按提交才有反映,submit是用来提交当前的表单的,当然可以有多个表单-->
        <!--但是,这个submit需要写入表单内,那么提交的时候是提交的当前表单-->
    </form>

    表格设置:

    <table border="1">
        <!--border这里是加上边框-->
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <!--一个tr是1行,一个td是一列,一行里可能有很多列。-->
        <!--如果想加多个行就加多个tr即可-->
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
    </table>

    未完待续。。。。。

  • 相关阅读:
    CSS position, z-index
    Js闭包函数
    .net 全局配置读取
    redis学习
    .net core websocket
    .net core 部署应用程序注意事项
    signalr网上学习资料
    Cocos Creator 中如果Node在"属性检查器"中active设置为false, 则 onLoad 不会执行
    SVN服务器搭建(一)
    IndentityServer4
  • 原文地址:https://www.cnblogs.com/aresxin/p/5170187.html
Copyright © 2020-2023  润新知