前端代码编程基础

本文介绍了前端开发的基础知识,包括HTML的常用标签,如标题、段落、链接和表单元素,以及CSS的基本概念,如样式嵌入方式、常用属性如宽高、背景和边框。此外,还提及了JavaScript的简介及其在前端中的作用。
摘要由CSDN通过智能技术生成

一、HTML

HTML:超文本标记语言,使用标签来描述网页

标签使用<>标记,一般成对出现<></> 少部分</>比如<hr/>

HTML包含的基础内容

<!DOCTYPE html>

<html>  // 描述网页

<body>  // 页面可见的内容

<h1>标题</h1>  // 标题 h1-h6
<p></p>  // 段落

</body>

</html>

运行方式:只要以html结尾,在浏览器中均可打开(即运行)

HTML常用标签

  • h1-h6 :标题,1-6 字体逐渐减小

  • p:段落
  • <a href="">内容</a>  :链接,href表示跳转的链接 ,href为a标签的属性
  • input-html的表单元素之一(其输入类型由type定义)
    • type值分类
    • 文本域--比如接口名称、url地址等输入

      <input type="text" name="test" title="test">
    • 输入密码--输入密码自动加密显示
      <input type="password" name="密码">

       

    • 单选按钮--单选选择框
      <input type="radio" name="单选按钮">

       

    • 多选框
      <input type="checkbox" name="多选框">选一<input type="checkbox" name="多选框">选二

      效果图如下:

    • 提交按钮--
      <input type="submit" name="提交">
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值