html基础标签

一个HTML文档的基本结构

<!DOCTYPE html> — 文档类型,写成 <!doctype html> 也行。
<html></html> — <html> 包含整个页面的内容。
<head></head> — <head> 包含页面描述,CSS样式等,但不会被用户看到。
<body></body> — <body> 包含了你想被用户看到的内容。
<meta charset="utf-8"> — 指定文档的字符编码为 UTF-8。
<title></title> — 设置页面的标题,显示在浏览器标签页上。

HTML基础标签

  • 标题与段落
    HTML 包括六个级别的标题, <h1> – <h6>。
    通常一个页面只有一个 <h1>,请尽量按顺序使用 <h1> – <h6>。
 <h1>李白<h1>
 <h2>一个被写作耽误的武学奇才</h2>
 <h3>静夜思</h3>
 <p>窗前明月光,疑是地上霜。</p>
 <p>举头望明月,低头思故乡。</p>
  • 列表

    • 无序列表---顺序不重要
     <p>金州勇士队的全明星球员包括:<p>
     <ul>
        <li>斯蒂芬·库里</li>
        <li>凯文·杜兰特</li>
        <li>克莱·汤普森</li>
        <li>德雷蒙德·格林</li>
    </ul>
    
    • 有序列表---顺序很重要
      <p>维持生命必须的元素包括:<p>
      <ol>
          <li>手机</li>
          <li>WIFI</li>
          <li>王者荣耀</li>
       </ol>
    
  • 超链接a标签

  <a href="https://www.baidu.com/" target="_blank">百度</a>
  • img图片标签
 <img src="img/startuper-1.jpg" alt="李白一人饮酒醉" width="200">
    (一)相对路径
             (1)文件夹/图片名+图片格式
             (2)../ 每一个../都返回上一层
    (二)绝对路径
            (1)带有硬盘盘符号
            (2)https开头的协议,也叫域名
  • 无意义的标签(如若不加任何样式的情况下)
    • div标签:主要用于页面布局,进行一些样式操作才有意义
    • span标签:主要用来对行内的文字进行一些样式操作才会有意义
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.meta标签 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述...
    姚小帅阅读 2,755评论 0 1
  • 一、 网站:在万维网上根据规则使用HTML工具制作的网页的集合,是web的基础。网页:网站由网页组成,是构成网站的...
    ConRon阅读 1,222评论 0 0
  • h 标签 h1 到 h6 的标题标签,h7 不会有效果,是自定义标签。一般页面 只有一个 h1 标签 ,其他的可以...
    Miltonlong阅读 3,851评论 0 0
  • 基本文档 文档标题 可见文本... 基本标签(Basic Tags) 最大的标题 . . . . . . . . ...
    小龙是只猫阅读 1,306评论 0 0
  • 最近对前端特有兴趣 索性就学起了前端 通过视频和培训机构 不过自己感觉这个培训机构是真的好 哈哈 等我学成归来 ...
    notrynobug阅读 1,950评论 0 0