zoukankan      html  css  js  c++  java
  • 前端基础------HTML概要(一)

    HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。

    接下来是整理的一些主要标签

    1.<html></html>  每个网页都是包含在这一对标签之中的

    2.<head></head>  网页的头部信息,包含<title></title>标签等

    3.<title>网页选项卡的名称</title>

    4.<body>网页的主体内容</body>

    文本操作标签

    1.<strong>文本内容</strong>   用于字体加粗

    2.<label>文本内容</label>   普通文本

    3.<p>文本内容</p> 段落标签

    4.<em>文本内容</em>  斜体显示

    5.<span>文本内容</span>  标记内容

    6.<h1>~<h6> 用于标题

    表格标签

    <table></table>

    例:

    <table border="1px">
        <tr>
           <td>apple</td>  
        <td>banana</td> </tr> <tr> <td>orange</td>
    <td>peach</td> </tr> </table>

      属性:

        rowspan=”数字“  跨行

        colspan=”数字“    跨列

        border = "1px"     边框

        align = ”center“    对齐方式

    列表标签

      1.无序列表

      例:

    <ul type="circle">
        <li>dog<li>
        <li>cat</li>
        <li>pig</li>
    </ul>    

      其中type属性有:circle 空心圆,square 正方形,disc 实心圆

      2.有序列表

    <ol type="1">
        <li>oppo</li>
        <li>apple</li>
        <li>huawei</li>
    <ol>

      其中type的属性有 :1,i,I,A,a

      3.自定义列表

    <dl>
        <dt>标题</dt>
        <dd>desk</dd>
        <dd>bed</dd>
        <dd>door</dd>
    </dl>

    页面嵌套标签

    <iframe src="引用地址" width=”宽度“ height=”高度“ frameboder=”边框“ scrolling=”是否有滚轮 yes|no“>
    </
    iframe>

    视频标签

    <video controls>
        <source src="视频文件路径"/>
    </video>

    音频标签

    <audio controls>
        <source src="音频文件的路径"/>
    </audio>

    表单标签

    <input type="" id="" name="" value="默认值" />

    其中type有:text 输入文本框,password密码框,radio单选按钮,email邮箱

          url 网址,file文件域,hidden 隐藏域,number数字下拉列表等等

    标签的分类

      块级标签:换行  例:<div></div>,<p></p>.<h1></h1>

      行级标签:不换行  例:<span></span>,<label></label>,<strong></strong>

    div详解

      1.style样式

        语法  style=“属性名=值;...”

      2.align 内容对齐

        ·left 左对齐

        ·right 右对齐

        ·center 居中对齐

      3.title 鼠标悬浮时显示的内容

      4.class标签  用于选取元素,区分元素,名字可以重复

      5.id标签 用于选取元素,区分元素,名字不可以重复

  • 相关阅读:
    数组(Array)
    js数据类型自动转化规律
    ES6-12.Symbol
    彻底搞懂prototype和__proto__
    API测试利器——Postman(1. 安装和启动)
    全国各城市的代码邮编sql(mysql版)
    SQL执行的顺序
    jQuery $.each用法
    使用maven工具对maven项目进行打包所出现的问题
    关于Notepad++中用正则表达式匹配中文的问题
  • 原文地址:https://www.cnblogs.com/mrluve/p/12310231.html
Copyright © 2011-2022 走看看