美文网首页
HTML基础总结

HTML基础总结

作者: 李丹linda | 来源:发表于2017-11-29 19:38 被阅读0次

    html的基本结构

    <head>
      <title>标题 </title>
    </head>
    <body>
      网页主题内容
    </body>
    </html>
    

    语法:<标签></标签> eg:<html></html>
    规范:
    1.用<和>括起来;
    2.分为双标签和单标签;
    (1)双标签:成对出现,开始标签和结束标签,结束标签比开始标签多了一个/;
    (2)单标签:没有结束标签,但标签末尾加/;
    3.用DOCTYPE声明文档类型;
    (1)放在html文件的第一行;
    (2)<!doctype>不是html文件

    <!doctype html>
    <html>
    <head>
      <title>无标题文档</title>
    </head>
    <body>
    </body>
    </html>
    

    4.网页编码设置:当网页出现乱码时,在<head></head>标签之间添加
    <meta charset="utf-8">

    文字和段落标签

    1.标题标签:<h1></h1>~<h6></h6>
    2.段落标签:<p></p>
    3.换行标签:<br/>
    4.水平线标签:<hr/>
    5.斜体:<i></i>或<em></em>
    6.加粗:<b></b>或<strong></strong>
    7.下标:
    8.上标:
    9.插入:<ins></ins>
    10.删除:<del></del>

    列表标签

    1.无序列表

    <ul>
      <li>列表项</li>
      <li>列表项</li>
          ······
    </ul>
    

    2.有序列表

    <ol>
      <li>列表项</li>
      <li>列表项</li>
           ······
    </ol>
    

    3.定义列表

    <dl>
      <dt>定义列表项</dt>
      <dd>列表项描述</dd>
      <dd>列表项描述</dd>
      <dt>定义列表项</dt>
      <dd>列表项描述</dd>
      <dd>列表项描述</dd>
        ······
    </dl>
    

    图像和超链接标签

    1.图像标签:
    <img src="相对路径 或 绝对路径" alt="图像代替文本" width="宽" height="高"/>
    2.超链接标签:
    <a herf="链接地址 " target="链接的目标窗口(-self 或 -blank)" title="链接的提示文字" name="链接的命名">内容</a>

    相关文章

      网友评论

          本文标题:HTML基础总结

          本文链接:https://www.haomeiwen.com/subject/yutpbxtx.html