HTML

HTML 超文本标记语言 (Hyper Text Markup Language)

一个简单的html

<html> <!--<html> 定义整个 HTML 文档-->
    <body> <!--<body> 定义 HTML 文档的主体-->

        <h1>我的第一个标题</h1>

        <p>我的第一个段落。</p>

    </body>
</html>

元素

HTML元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码

*开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag）

空元素

  • 没有内容的 HTML 元素被称为空元素
  • 空元素在开始标签中关闭，在开始标签中添加斜杠

如 <br /> 换行 <hr /> 水平线

HTML 标签 大小写不敏感，推荐小写

属性

为 HTML 元素提供附加信息

  • 属性以名称/值对的形式出现
  • 属性在元素的开始标签中规定
  • 属性和属性值对大小写不敏感，推荐小写
  • 属性值加单双引号，如属性值本身含有双引号，那么使用单引号

<a href="http://www.baidu.com">百度</a> name='Bill "HelloWorld" Gates'

标题

标题（Heading）通过 <h1> - <h6> 等标签进行定义

  • <h1> 定义最大的标题
  • <h6> 定义最小的标题。
  • h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推

HTML CSS

  1. 外部样式表
  2. 内部样式表
  3. 内联样式
<head>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

<head>
    <style type="text/css">
        body {background-color: red}
        p {margin-left: 20px}
    </style>
</head>

<p style="color: red; margin-left: 20px">
    This is a paragraph
</p>

HTML 链接

target 属性

<a target="_blank|_self|_parent|_top|framename">

  • _blank 在新窗口中打开被链接文档
  • _self 默认。在相同的框架中打开被链接文档
  • _parent 在父框架集中打开被链接文档
  • _top 在整个窗口中打开被链接文档_跳出框架
  • framename 在指定的框架中打开被链接文档

<a href="#tips">锚点</a> <a href="tel:15078861696">拨打电话</a>

打赏作者
微信
支付宝

发表评论

返回顶部