码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 入门四认识HTML


    目录

    一、HTML介绍

    1、Web前端三大核心技术 

    2、什么是HTML 

    3、Html标签

    4、标签属性 

    二、HTML骨架标签

    三、编写HTML工具

    四、常用标签 

    1、注释 

    2、标题标签 

    3、段落标签 

    4、超链接标签

    5、图片标签

    6、换行与空格 

    7、布局标签 

    8、列表标签 

    9、表单标签 

    五、总结 


    一、HTML介绍

    1、Web前端三大核心技术 

    HTML:负责网页的架构

    CSS:负责网页的样式、美化

    JS:负责网页的行动

    2、什么是HTML 

    HTML是用来描述网页的一种语言。

    3、Html标签

    单标签

    双标签内容 

    4、标签属性 

    属性格式:属性名=“属性值” http://www.jd.com">京东 

    二、HTML骨架标签

    html:根标签 ,所有的内容都应该放到html标签中

    head:头部标签

    body:身体标签(代码编写区域)

     

    三、编写HTML工具

    四、常用标签 

    1、注释 

    作用:描述的内容不会被浏览器执行

    说明:解释代码的含义给程序员看。

    国际通用快捷键:Ctrl+/ 

     测试点:前端页面发布上线之前,需要检查(描述不恰当的文字出现)所有注释或去除注释。

    2、标题标签 

    说明:HMTL标题是 通过

    —

    等标签进行定义

    示例:

     

    3、段落标签 

    说明:HTML段落是通过

    标签进行定义的

     示例:

    4、超链接标签

    说明:超链接是通过标签进行定义的,点击文本跳转指定页面

    示例:​​​​​​​

    属性:href:跳转地址                target:新窗口打开 

    5、图片标签

    说明:网页中插入图片就要使用图片标签,HTML图片是通过标签进行定义的

    测试点:必须有title属性(悬停和未加载显示)

    示例:

    属性:

            src:图片路径         title:光标悬停显示文字          alt:图片未加载时显示文字

            width:图片宽度        height:图片高度

    6、换行与空格 

    换行:
            空格:%nbsp;

    示例:

     

    7、布局标签 

    说明:设置页面布局,便于排版,常用(div+span)

    示例:

    8、列表标签 

    说明:列表标签常用 li 元素(分为:有序和无序)

    示例:

     style:js标签        script:js标签        link:外部加载css标签

    9、表单标签 

    说明:页面提交输入信息需要使用表单标签 

    按钮测试点:通用使用value进行赋值

    属性:

            文本框:

            密码框:

            单选框: name="1" />男    name="1"/>女

            复选框:

            提交按钮:

            清空按钮: 

            普通按钮:

    示例:

    五、总结 

  • 相关阅读:
    Windows安装Python
    TCP/IP协议—HTTP
    多线程&并发篇---第八篇
    CKS 认证备考指南
    数据结构小记【Python/C++版】——栈篇
    mysql 报错 is too long for user name (should be no longer than 16)
    echarts 折线组件
    configs
    英联邦国家有哪些
    10个Python脚本来自动化你的日常任务
  • 原文地址:https://blog.csdn.net/weixin_67465673/article/details/139076165
  • 最新文章
  • 基于DeepSeek API构建一个AI树木识别网站
    git开发规范~深度阅读
    从纸带打孔到AI自动编程:三十年亲历,见证编程范式的效率革命
    知识不是文件,也不是向量 | KDC 系列 02
    人大金仓V9系统表名字冲突,设置search_path不起作用
    Git 冲突全攻略:从原理到实战,一文打通所有场景
    用 OLED 给 STM32 做实时调试面板
    偷懒是人类发展的动力,写一个MCP+Skill来代替日志检查
    学习NOTE 9——斜率优化dp
    在 DuckDB 中执行假设检验
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号