首页 > 编程 > HTML > 正文

HTML基础笔记(推荐)

2019-10-26 17:18:45
字体:
来源:转载
供稿:网友

一,网页基础结构:

  • <html>       <head>  
  •                 <title>我的第一个网页</title>       </head>  
  •     <body>                   这是我的第一个网页   
  •     </body>   </html>  
  • 注意:在HTML中,标签大部分都是成对出现的。有开始就有结束

    如果不是成对出现的标签,在标签的后面加上/表示结束。

    二、基本标签

    1、h1-h6 标题标签
    2、em 斜体
    3、strong 粗体
    4、hr 切割线
    5、br 换行
    6、p 段落标签
    7、&nbsp; 特殊符号,空格
    8、&gt; 特殊符号,>
    9、&lt; 特殊符号,<
    10、&quot; 特殊符号,"
    11、&copy; 特殊符号,版权符号
    12、<!-- -->注释
    13、img 图片标签

    属性:src:图片的路径,alt:当图片找不到时,显示的文字
    title:鼠标悬浮显示的文字
    用法:
    <img src="..." alt="..." title="..."/>

    14、a 超链接标签
    属性:href:链接到哪里去
    用法:
    <a src="...">链接</a>
    锚链接
    先在一个位置写上<a name="?"></a>
    然后另一个位置写上<a href="?"></a>
    点击这个链接,会找到这个?所在的位置

    用法:
    <a name="?">链接到这了来</a>
    <a href="?">从这了链接</a>

    15、ul-li 无序列表
    用法:
    <ul>
    <li>列表项1</li>
    .......
    <li>列表项n</li>
    </ul>

    注意:没有顺序,每一个li就是一行
    默认情况下,每一个li前面都有一个实心小点

    16、ol-li 有序列表
    用法:
    <ol>
    <li>列表项1</li>
    .......
    <li>列表项n</li>
    </ol>
    就是将无序列表的实心小点换成了序号

    17、dl-dt-dd定义列表
    用法:
    <dl>
    <dt>标题1</dt>
    <dd>内容1</dd>
    <dt>标题2</dt>
    <dd>内容2</dd>
    </dl>

    实现效果:
    标题1
    内容1
    标题2
    内容2

    18、表单元素
    a、text 单行文本框
    b、password 密码框
    c、radio 单选按钮
    d、file 文件选择器
    e、checkbox 复选框
    f、select 下拉列表
    g、submit 提交按钮
    h、reset 重置按钮

    发表评论 共有条评论
    用户名: 密码:
    验证码: 匿名发表

    图片精选