html-day01html相关基础

简介: html-day01html相关基础

html-day01html相关基础


前端:HTML结构+CSS样式+JS交互


1.HTML: hyper Text mark-up language超文本标记语言。

超文本:除去文本之外,还可以有图片、视频、音频、超链接等等。
标记:是一套标记符号
语言:用于交流的工具
html5:HTML最新版本 + 前端技术的总称
            W3C:万维网联盟,是中立的非盈利性组织。
扩展:
  XHTML:可扩展的html
  html5最新版本的html
  html4.01是最经典的版本


2.命名规则

1.名字由数字、字母、下划线组成,不能数字开头!
2.汉译英
3.推荐使用驼峰命名法(小驼峰aboutUs、大驼峰AboutUs)


3.HTML 理论

语法:
        <开始标签 属性="属性值"> 要被标记的内容 </结束标签>
        属性是对标签进行细节描述的东西。
1.html文件格式是以.html为后缀。
2.快速注释  ctrl+/ 
3.快速生成基本结构  英文! + 回车
    <!DOCTYPE html>   文档声明
    <html>
        <head>
            <meta charset='utf-8'> 设置编码格式
            <title>网页标题</title> 
        </head>
        <body>
            网页内容
        </body>
    </html>


4.html常用的标签

1.基础标签
    1.标题 
        说明:<h1>-<h6>
            h1~h6文字依次变小,强调程度依次降低。
            标题默认自带加粗效果
        2.段落
            <p>段落内容</p>
        3.水平线
            <hr>
        4.换行
            <br>
2.文字标签
        1.加粗
            <strong></strong> | <b></b>
            推荐使用strong,有强调含义。
        2.倾斜
            <em></em> |  <i></i>
            推荐使用em,有强调作用
        3.变大
            <big></big>
            标签可以嵌套哦!
        4.变小
            <small></small>
            不能小于浏览器支持的最小字体模型!
3.特殊符号
        大空格          &emsp;
        小空格          &nbsp;
        版权            &copy;
        商标            &reg;
4.其他标签
        <sup>上标</sup>   5<sup>2</sup>
        <sub>下标</sub>   O<sub>2</sub>
        <del>删除线</del>
        <u>下划线</u>
5.图片标签
        <img src='设置图片的路径' width='图片的宽度' height='高度' alt='图片不能正确加载的时候,显示的替代文本'>
相关文章
|
数据可视化 物联网 vr&ar
THREE.JS 实现看房自由(VR 看房)
目前随着元宇宙概念的爆火,THREE技术已经深入到了物联网、VR、游戏、数据可视化等多个平台,今天我们主要基于THREE实现一个三维的VR看房小项目
2361 4
|
3月前
|
存储 Web App开发 缓存
磁盘空间不足怎么清理?试试这7种方法
在使用电脑过程中,C盘空间不足是常见问题。本文提供多种实用清理方法,包括分析磁盘、清理文件、使用系统工具、清除软件缓存、卸载软件、调整系统保护及分区大小等,帮助你有效释放磁盘空间,提升系统运行效率。
|
7月前
|
人工智能 JSON Serverless
阿里云AI剧本生成与动画创作解决方案深度评测
阿里云AI剧本动画全链路解决方案基于函数计算FC、百炼大模型和ComfyUI技术架构,实现从剧本生成到动画渲染的自动化流程。方案在电商广告、知识科普等快速批产场景表现出色,大幅缩短创作时间(如30秒动画从9.5小时减至16.1分钟)。然而,在强剧情连续性和物理规则方面存在不足,建议结合人工审核优化。测试显示其商用级成熟度,推荐采用“AI初稿-人工润色”模式。
594 138
阿里云AI剧本生成与动画创作解决方案深度评测
|
9月前
|
数据采集 机器学习/深度学习 人工智能
《人工智能虚拟筛选技术:新材料发现的双刃剑》
人工智能虚拟筛选技术在新材料发现中崭露头角,凭借高效筛选海量数据、精准预测性能、降低研发成本和拓展设计空间等优势,显著加速了新材料的探索进程。然而,该技术仍面临数据质量、模型解释性及泛化能力不足等挑战。尽管如此,其潜力巨大,未来有望推动材料科学的快速发展,为人类创造更多高性能新材料。
291 7
|
JavaScript Java 测试技术
基于springboot+vue.js的工作流程管理系统附带文章和源代码设计说明文档ppt
基于springboot+vue.js的工作流程管理系统附带文章和源代码设计说明文档ppt
167 0
|
11月前
【数据结构】大根堆和小根堆
【数据结构】大根堆和小根堆
335 0
|
11月前
|
机器学习/深度学习 人工智能 算法框架/工具
基于人体姿势估计的舞蹈检测(AI Dance based on Human Pose Estimation)
基于人体姿势估计的舞蹈检测(AI Dance based on Human Pose Estimation)
274 0
|
物联网 开发工具 网络架构
基于AT模组连接阿里云物联网平台
本实验主要介绍基于AT模组,通过AT指令将端侧设备快速连接到阿里云物联网平台,助力设备智能化改造。
|
人工智能
极智AI | 昇腾开发环境搭建CANN&MindStudio(无坑版)
大家好,我是极智视界,本文介绍一下 昇腾开发环境搭建 CANN & MindStudio,没有坑。
406 0
|
机器学习/深度学习 人工智能 自然语言处理
智能语音技术概述
智能语音技术概述
702 0