Web前端技术与框架

本节目标

  1. HTML的语法
  2. HTML的结构
  3. HTML的常用标签

1.HTML介绍

  1. HTML介绍
  2. HTML是Hyper Text Markup Language(超文本标记语言)的缩写
  3. HTML不是一种编程语言,而是标记语言
  4. HTML的语法
    双标签:
    <标签名></标签名>
    单标签:
    <标签名/>

在这里插入图片描述

元素和属性
<标签名 属性名=属性值>元素</标签名> <标签名属性名=属性值/>

3.HTML常用标签

  1. title
<head>
<title>浏览器标题</title>
</head>
  1. 标题与段落

在这里插入图片描述

  1. 水平线与换行符
    在这里插入图片描述

  2. 常见的转义符
    在这里插入图片描述

  3. 链接
    在这里插入图片描述

  4. 图片标签
    在这里插入图片描述

  5. 表格
    在这里插入图片描述
    在这里插入图片描述

    扫描二维码关注公众号,回复: 11838510 查看本文章
  6. 列表
    在这里插入图片描述

  7. 常见的无意义标签

div 占用整行
span 不换行

  1. 表单
form标签
提交地址 action
提交方法 method
get
post
提交图片 enctype="multipart/form-data">
get提交的数据参数在url中
post提交的数据被加密,url中无法看到
get请求的url格式
目标网站:http://www.baidu.com
提交参数:
name=123
pass=456
http://www.baidu.com/?name=123&pass=456
http://www.baidu.com/
?
name=123
&
pass=456
Input
type="text" 文本输入框
type="password" 密码输入框
type="radio" 单选框
type="checkbox" 复选框
type="file" 文件框
type="button" 按钮
type="submit" 提交
type="reset" 重置
下拉框:
<select>
<option>选项1</option>
<option>选项2</option>
</select>
大文本:
<textarea cols="列数" rows="行数" >
</textarea>

猜你喜欢

转载自blog.csdn.net/weixin_42873348/article/details/107689692
今日推荐