html学习笔记

学习路线
前端技术 HTML→CSS→JavaScript→JQuery→Vue.js
后端开发 PHP→ JSP→ ASP.NET


HTML

(超文本标记语言 Hyper Text Markup Language)

<!DOCTYPE html>                           文档声明,表明这是一个HTML界面
<html>                                    告诉浏览器页面从html开始
	<head>									
		<meta charset="utf-8" />              
		<title></title>                   网页标题(浏览器栏目中的标题)
	</head>
	<body>
	</body>
</html>

Head标签

在这里插入图片描述

<meta charset="utf-8">                            *要在其他meta标签前面*

与服务器进行交互才算是动态页面


图片

在这里插入图片描述


文本标签

标题<h1>-<h6>从小到小大
段落标签<p>
换行标签<br />
分区标签divsion <div>
划分区域,使得代码更有逻辑性

在这里插入图片描述


自闭合标签
<meta />
<hr />
<br />
<link />
<img />
<input />

块元素:浏览器显示独占一行
<h1>-<h6><p><div><hr><ol><ul>快元素可以包括块元素和行内元素
行内元素:显示可以和其行内他元素共处一行
<strong><em><a><span>行内元素不可以包括块元素

&nbsp 空格符号


列表

在这里插入图片描述


表格

在这里插入图片描述
超链接

外部链接
<a href="链接地址" target="打开方式">
target="_self"原来窗口打开,"_blank"新窗口打开

内部链接(锚点链接)
<a href="#article">推荐文章</a>
<div id="article">

表单

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

multiple属性设置下拉列表可以选择多项
按Ctrl+鼠标左键选择


复选框是checkbox必须和label标签配合使用的

<form name="form1" method="post" action="index.html">
        你喜欢的水果:<br />
        <input id="checkbox1" type="checkbox" checked="checked"/><label for="checkbox1">苹果</label><br />
        <input id="checkbox2" type="checkbox" />香蕉<br />
        <input id="checkbox3" type="checkbox" />西瓜<br />
        <input id="checkbox4" type="checkbox" />凤梨
    </form>

内嵌框架(在一个页面中嵌入另一个页面)

<iframe src="链接地址" width="数" height="数" scrolling="auto/yes/no"></iframe>

src(source):引入外部文件的路径,src指向的内容会嵌入到文档中当前标签所在的位置 <img><script><iframe>
href(hypertext reference):建立html与外部文件的链接 <a><link>


base标签为整个页面定义所有链接的基础定位

<base href="http://www.w3school.com.cn/i/" target="_blank"/>
<meta http-equiv="refresh" content="5;url=http://www.baidu.com"/>

图片域

<input type="image" src= " "/>

让图片具有按钮特性
当使用文件域file时,必须在form的标签中说明编码方式

<form  enctype="multipart/form-data">

插入音频或视频

<embed src="   " width="" height="">

插入背景音乐,只限IE

<bgsound src="背景音乐的地址" loop="播放次数">

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值