HTML的第一天笔记

发布于:2023-01-04 ⋅ 阅读:(208) ⋅ 点赞:(0)

HTML

HTML(HyperText Markup Language)即超文本标记语言,是一种用来制作超文本文档的简单标记语言,也是制作网页的最基本的语言,它可以直接由浏览器执行。

什么是HTML?

  1. HTML 是用来描述网页的一种语言。
  2. HTML 指的是超文本标记语言: HyperText Markup Language
  3. HTML 不是一种编程语言,而是一种标记语言
  4. 标记语言是一套标记标签 (markup tag)
  5. HTML 使用标记标签来描述网页
  6. HTML 文档包含了HTML 标签及文本内容
  7. HTML文档也叫做 web 页面

<!DOCTYPE>
    声明文档类型 HTML5的文档 

HTML文档基本结构
    <html>
    <head>
           <meta  charset="utf-8">
           <title>网页标题</title>
    </head>
    <body></body>
    </html>

段落 <p></p>

图片:
<img src="" alt="" width="" height="">
    src用来引入图片路径
        1.当html文件与图片在同一个目录下,src的是直接写图片名称
        <img src="1.jpg">或<img src="./1.jpg">
./当前目录
        2.当html文件与图片所在文件夹在同一个目
        录,src的值是先写图片文件夹名称,在写图片名称
        <img src="images/2.jpg">或
        <Img src="./images/2.jpg">


        3.当html文件所在文件夹与图片在同一目录下,src的值是先通过../跳出当前目录,然后再写图片名称<img src="../images/4.jpg">


        4.当html文件所在文件夹与图片所在文件夹在同一目录下,src的值是先通过../跳出当前目录,
然后再写图片文件夹名称,最后写图片名称<img src="../images/4.jpg">


    alt 图片加载失败时的替代文本
    width宽度
单位:px或百分比%(占父元素的百分比)
    height 高度
    title 光标放到标签上的提示文本

标题标签
<h1>一级标题<h1>
<h2>二级标题<h2>
<h3>三级标题<h3>
<h4>四级标题<h4>
<h5>五级标题<h5>
<h6>六级标题<h6>


        总结


            相同点:都是块元素,都加粗
            不同点:字号大写依次减小

换行  <br>

本文含有隐藏内容,请 开通VIP 后查看