zoukankan      html  css  js  c++  java
  • 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基础

  • 相关阅读:
    MFC学习篇(二):error LNK2005 及其解决方法
    MFC学习篇(一):用OpenCV显示视频
    记一次mysql安装!
    常用数据对应关系及简单介绍
    docker
    月份及星期 缩写
    java 面对对象笔记
    linux小案例 定时备份数据库
    rpm_yum_开发工具的安装
    shell入门
  • 原文地址:https://www.cnblogs.com/chengduxiaoc/p/6691416.html
Copyright © 2011-2022 走看看