html

1.HTML简介

html语言:超文本语言(通过超链接形式将文本链接到一起),是制作网页的标准语言,不区分大小写。

标签:有尖括号包围,成对标签比如 < title>,< /title>通常成对存在,单独标签比如< img />
每个标签都是嵌套的,注意缩进
元素:开始标签、结束标签、文本内容
属性:src,alt等,一个标签可能有多个属性,属性无先后顺序

<!DOCTYPE html>  //文档格式符合html5标准
//lang 属性:搜索引擎(en:英文  zh:中文)
<html lang="en">
<head>
//meta 元数据  charset:字符集国际编码 
    <meta charset="UTF-8">   
    <title>    </title>
 </head>
 <body>
 </body>
 </html>

2. HTML的标签

1.标题标签< h1>1级标题< /h1>、 < h2>2级标题</ h2>、< h3>3级标题< /h3>、< h4>4级标题< /h4>、< h5>5级标题< /h5>、< h6>6级标题< /h6>注意:一个页面只有一个一级标题
2.段落标签< p>段落内容< /p>注意:每个段落自动换行连续空格不会显示空行
3.段内换行 < br/>
4.空格字符 &nbsp;
5.预留格式 < pre> < /pre>,保留原格式
6.段内分组 span{ },通过css样式
7.水平线 < hr/>,添加一个水平线
8.超链接标签 < a href=“网址”> 文本或图片< /a>,虚拟超链接 < a href="#"> 文本或图片< /a>
9.图像格式:JPG(有损压缩,色彩丰富)GIF(简单动画、背景透明)PNG(无损压缩、透明、动画、交错)
< img src=“路径+文件名 “alt =” " />
绝对路径:以根目录为基准点
相对路径:以文档所在位置为基准点
10. 区域标签:< div> < /div>
11. 列表标签:
无序列表< ul>列表项< li>
有序列表< ol> 列表项< li>
12. 表格标签: < table>行:< tr >单元格: < td> 表头单元格< th>
13.上下标: < sup>
14. 表单标签< form action=” 数据处理网页">表单元素< /form>
15.输入标签:< input type=“submit " name =” " value=“提交”/>
16.下拉列表框(seclct option)
17.文本域标签textarea
18.form表单中的input的type属性:提交按钮(submit)重置按钮(reset)确定按钮(submit)单选框(radio)复选框(checkbox) 选择项(check)属性
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
语义化标签:
在这里插入图片描述

在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值