HTML基础

HTML介绍

Web前端三大核心技术

  • HTML:负责网页的架构
  • CSS:负责网页的样式、美化
  • JS:负责网页的行为

什么是HTML:超文本标记语言,HTML是用来描述网页的一种语言

HTML标签

  • 单标签<html>
  • 双标签<b>内容</b>

标签属性(描述某一事务的特征)

属性格式:属性名=“属性值”

<a href = "http://www.jd.com">京东</a>

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

head:头部标签

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

注释

不会被浏览器执行,解释代码含义给程序员看

国际通用快捷键:Ctrl+/

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

常用标签


 

  • 标题标签:h1-h6(h1最大)<h1>内容</h1>
  • 段落标签:<p></p>特点:独占一块(换行)
  • 超链接标签:
          说明:超链接是通过<a>标签进行定义的
          示例:
          属性:href:跳转地址
                     target:打开窗口模式。   新窗口:target="_blank"
  • 图片标签:img
            属性:src:图片路径
                       title:悬停显示文字
                       alt:图片未加载显示
            测试点:必须又title属性(悬停和未加载时显示)
            路径:相对路径:相对当前执行文件所在位置
               绝对路径

     
  • 换行和空格:
               换行:<br/>
               空格:&nbsp
  • 布局标签:设置页面布局,便于排版
        大盒子:div
        小盒子:span

  • 列表标签:列表标签常用<li>(分为有序与无序)

  • 表单标签
  • input标签

 

 

 

这里的按钮只是一个形式并不能真正的提交内容

想要将数据真正的提交上去需加上from

from:将页面输入的数据提交到指定的页面或者后台
<from></from>
属性:action:指定将数据提交到那个页面

         method:提交参数的方法(get、post)

                 get:查询使用

                       1、参数url明文显示

                       2、提交速度快

                       3、提交参数有长度限制

                   post:提交数据、登录、注册

                        1、非明文显示

                        2、提交速度慢

                        3、提交参数的长度无限制

使用get:

 

 按钮测试点

不同浏览器显示的按钮名称不一致

 解决:统一给value赋值,这样所有的都会按照这个标准显示

 

普通按钮默认没有执行效果,需要配合JS来实现

 

 

 

 

 

 


 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值