码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • web前端、HTML


    文章目录

    • 前端:
      • 一、web标准
        • 1.什么是web标准
          • 作用
      • 二、网页的基本结构
        • 1.HTML语言
        • 2.HTML语言骨架
        • 3.网页的基础标签
        • 4.网页常用布局

    前端:

    一、web标准

    1.什么是web标准

    简单理解为网页设计标准,有HTML、css、JavaScript脚本组成。

    在这里插入图片描述

    作用

    统一网页显示

    市面上面浏然器众多,有一个标准大家都能运行

    二、网页的基本结构

    1.HTML语言

    HTML 英文全称是 Hyper Text Markup Language,中文译为“超文本标记语言”,专门用来设计和编辑网页。

    • 超文本:一种文本,但是超越了文本的格式,例如不知可以包括文本,还可以包括图片、音/视频、表格、列表、按钮、输入框等信息
    • 标记语言:不能用于编程,只能通过不同的标签来标记不同的内容格式来实现网页的基本结构骨架

    2.HTML语言骨架

    
    DOCTYPE html>
    
    <html lang="en">
    
    
    <head>
        
        <meta charset="UTF-8">
        
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        <title>页面标题title>
    head>
    
    
    <body>
        网页基本结构快捷键
        
    body>
    
    html>
    

    3.网页的基础标签

    在这里插入图片描述

    标签语法
    标题标签

    这是一个标题

    段落标签

    这是一个段落

    图片标签加载错误
    超链接标签

    标题

    <h1>这是一个标题h1>
    

    (1)双标签

    (2)大小随着标签序列增大而减小(1-6)

    (3)加粗效果

    (4)单独成行

    段落标签

    <p>这是一个段落。p>
    

    (1)段落之间有间隙

    (2)单独成行

    图片(img或images文件夹)

    <img src="/images/logo.png" width="258" height="39" alt=""/>
    

    单标签

    scr放的文件路径

    alt替换文本,当图片加载失败时,才显示的文字

    width:宽度属性,设置图片的大小时一般只设置宽度或者高度的一种,不建议同时设置宽度和高度

    注意事项,路径分类

    1)绝对路径:相对于根盘符的路径

    2)相对路径:相对于当前页面的路径

    超链接

    <a href="http://www.bing.com" target="_parent">必应a>
    

    双标签

    页面跳转

    跨域传参

    注意:

    本项目之间的页面跳转

    不同项目之间的页面跳转(需要加协议名,比如http)

    <a href="http://www.bing.com" >这是一个链接a>
    

    target=“_parent”:页面在新窗口打开

    4.网页常用布局

    在这里插入图片描述

    苟日新,日日新,又日新。

  • 相关阅读:
    PCF8574/ PCF8574A/ PCF8574T I2C to parellal 8-bits I/O
    深度学习基础之GFLOPS(2)
    链表【Linked List】
    图片采集下载
    strcpy, strcat,strcmp的介绍和模拟实现
    英语音标中难发的音汇总
    明星录制祝福视频:传递温情与关怀的独特方式
    小程序_动态设置tabBar主题皮肤
    pmp考试如何复习
    洲际酒店及度假村焕新开拓,缔造难以忘怀的非凡时刻
  • 原文地址:https://blog.csdn.net/qq_63196986/article/details/126979493
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号