• html基础


    讲解html得常用基础知识,建议阅读时间10分钟

    html基本概念:

    HTML 是用来描述网页的一种语言。
    HTML 指的是超文本标记语言 (Hyper Text Markup Language)
    HTML 不是一种编程语言,而是一种标记语言 (markup language)
    标记语言是一套标记标签 (markup tag)
    HTML 使用标记标签来描述网页
    HTML文件的扩展名为.html 或 .htm

    基本结构:

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

      </body>
    </html>


    网页内容以<html>开始</html>结束

    head中配置页面属性,引入js css等

    body中放置网页详细内容。

    标记类别有三种:

    <标记名>最简单的网页</标记名>
    例如:<title>我的第一个页面</title> 
    <标记名 属性名=“属性值”>文本</标记名>
    例如:<body bgcolor=“red”>背景红色</body> 
    <标记名>
    例如:我想学做网页<br>是呀!我也想学!

    注释

    <!– 注释内容-->

    常用标签:

    div:可定义文档中的分区或节,独占一行的常用标签

    span:标签被用来组合文档中的行内元素,不独占一行的常用标签

    <h1> - <h6> 等标签定义标题

    <h1>This is a heading</h1>
    <h2>This is a heading</h2>
    <h3>This is a heading</h3>

    <p> 标签定义段落

    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>

     <a> 标签定义链接  在 href 属性中指定链接的地址。

    <a href="http://www.baidu.com">This is a link</a>

    <img> 标签定义图像

    <img src="logo.jpg" width="104" height="142" />

    ul 或 ol 定义列表

    <ol>
       <li>Coffee</li>
       <li>Tea</li>
       <li>Milk</li>
    </ol>
    
    <ul>
       <li>Coffee</li>
       <li>Tea</li>
       <li>Milk</li>
    </ul>

    input定义输入框

    <form action="form_action.asp" method="get">
      First name: <input type="text" name="fname" />
      Last name: <input type="text" name="lname" />
      <input type="submit" value="Submit" />
    </form>

    table定义表格

    <table border="1">
      <tr>
        <th>Month</th>
        <th>Savings</th>
      </tr>
      <tr>
        <td>January</td>
        <td>$100</td>
      </tr>
    </table>

    标签类型有三种:

    块级标签:独占一行,可设置宽高等。如div p

    行内标签:不独占一行,不可设置宽高等。如span a

    行内块标签:不独占一行,可设置宽高等。如img

    html标签的主要作用是把页面内容放入页面,具体的样式修饰,请参考下一篇css基础

  • 相关阅读:
    考研_数据结构
    快速排序模板
    nginx设置跳转https
    PHP 构造函数
    js scroll事件
    php获取url中的参数
    js 的cookie问题
    yii2关联表
    sql优化之concat/concat_ws/group_concat
    yii2.0 url美化-apache服务器
  • 原文地址:https://www.cnblogs.com/chengduxiaoc/p/6691416.html
Copyright © 2020-2023  润新知