HTML基础知识学习——入门篇

目录

1、HTML定义

2、Web前端三大核心技术

3、HTML骨架标签

4、常用标签

4.1注释

4.2标题

4.3段落

4.4超链接

4.5图片

4.6空格与换行

4.7布局

4.8列表

4.9表单


1、HTML定义

定义:HTML是用来描述网页的一种语言(标记标签语言)。

2、Web前端三大核心技术

(1)HTML:负责网页的架构

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

(3)JS:负责网页的行为

3、HTML骨架标签

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>网页题目</title>
    </head>
    <body>
        编写代码区
    </body>
</html>

4、常用标签

4.1注释

  • 作用:描述的内容不会被浏览器执行
  • 说明:解析程序给程序员看

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

4.2标题

  • 说明:HTML标题是通过<h1>-<h6>等标签进行定义

4.3段落

  • 说明:HTML段落是通过<p>标签进行定义的
  • 特点:独占一行(换行作用),有语义化含义-浏览器知道你是段落

4.4超链接

  • 说明:超链接是通过<a>标签进行定义的
  • 属性:href:跳转地址;target:新窗口打开

4.5图片

  • 说明:HTML图片是通过<img>标签进行定义的
  • 属性:
src:图片路径
title:光标悬停显示文字
alt:图片未加载时显示文字
width:图片宽度
height:图片高度
  • 路径选择:上一级(../);同级(./)

4.6空格与换行

  • 换行:<br/>
  • 空格:&nbsp

4.7布局

  • 说明:页面布局使用,常用(div和span)

div独占一行(一行一个);span大小跟文字长度有关(一行多个)

4.8列表

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

4.9表单

  • 说明:页面提交输入信息需要使用表单标签<form>
  • 作用:提交页面输入的数据到指定页面或后台
  • 属性:
    action:指定将数据提交到哪个页面
    method:提交参数的方法(get、post)
    method-get(查询使用):参数url明文显示、速度快、提交长度有限制
    method-post(提交数据、登录、注册使用):非明文显示、相对于get速度慢、提交长度无限制
  • input类型:
    文本框:type=“text”
    密码框:type=“password”
    单选按钮:type=“radio”
    复选框:type=“checkbox”
    普通按钮:type=“button”
    重置按钮:type=“reset”
    提交按钮:type=“submit”

    按钮测试点:统一使用value进行赋值(不同浏览器默认值不同)

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


以上内容仅为个人学习笔记。

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值