个人学习25.11.30 前端 html

施工中

笔记

复制进一个html文件即可查看

<!-- 这是一个注释 会被无视掉 -->

<!-- 声明这是一个html文件 -->
<!DOCTYPE html>

<!--
 设置语言 
 en就是英语 
 zh-CN就是简体中文（大陆）  
 zh-TW就是繁体中文（台湾） z
 h-HK就是繁体中文（香港）
 -->
<html lang="zh-CN">

<!-- 
头部 不影响呈现给用户的界面
可以声明页面的标题
可以链接工程内的其他CSS文件或者JavaScript文件
以及定义搜索引擎可以搜到的网站的描述或关键词等元数据
 -->
<head>
    
    <!-- meta标签 即元数据标签
     是页面中辅助作用的标签-->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- title标签 这里可以改页面标题 -->
    <title>这是个练习</title>
</head>

<!-- 体 会展示在文件上的内容 -->
<body>
    <!-- 标题标签 h -->
    <h1>我是h1写的一级标题</h1>
    <h2>我是h2写二级标题</h2>
    <h3>我是h3写三级标题</h3>
    <h4>我是h4写四级标题</h4>
    <h5>我是h5写五级标题</h5>
    <h6>我是h6写六级标题</h6>

    <!-- 
    行级元素 块级元素 
       行级元素 diplay: inline
       块级元素 diplay: block
    -->
    
    <!-- 行级元素：span img a strong em ... -->

    <!-- 样式 span -->
     <!-- span style="color: ;" 可以控制颜色 -->
     <span style="color: red;">我是span用 style="color: red;" 写的红色文本</span>
     <span style="color: green;">  我也可以是绿的</span>
     <br>
     <!-- 更多情况下 span是配合CSS和JavaScript使用的 还没学就不多写了 -->

     <!-- 图片 img -->
      <!-- src后写图片的URL alt为图片不能显示时显示的图片名称 width设置图像的宽度 height设置图像的高度
      最好宽度高度只设一个 图像会按比例改变大小 都设可能让图片变形 
      -->
     <img src="https://img2024.cnblogs.com/blog/3722679/202511/3722679-20251130214043580-451981926.jpg" alt="我是src标签生成的照片" width="150" height="">
     <br>

     <!-- 粗体 strong -->
     <strong>我是strong标签写的粗体</strong>
     <br>

     <!-- 斜体 em -->
     <em>我是em标签写的斜体</em>
     <br>

    <!-- 块级元素：div h p form ... -->
     <!-- 段落标签 p -->
     <p>我是p标签写的第一个段落</p>
     <p>我是p标签写的第二个段落</p>
     <br>
</body>
</html>

下面的是用到的材料

f2a2f1a051e28e4f708f08fe0884c6af

posted @ 2025-11-30 21:41  icent  阅读(2)  评论(0)    收藏  举报