HTML学习笔记

标签可分为自闭合与主动闭合
	自闭合标签
		<meta charset="UTF-8">
	主动闭合标签
		<h1 style="background-color: red"> xxx </h1>
标签可分为块级标签和行内标签
	块级标签
		独占一行,对宽高的属性值生效;如果不给宽度,块级元素就默认为浏览器的宽度,即就是100%宽
	行内标签
		可以多个标签存在一行,对宽高属性值不生效,完全靠内容撑开宽高!
标签可以嵌套	
<head>
	<meta > 编码,跳转,刷新,关键字,描述,IE等。
	<title > 浏览器标签名称
	<link> 图标
	<style>
	<script>
<body>
	<a> 定义跳转链接 target="_blank" 新开页跳转
		-超链接 href="https://www.baidu.com"
		-锚	href="#id名称"
	<h> 标题,h1-h6字体大小
	<p> 段落
	<br> 换行
	<span> 组合文档中的行内元素,是个白板可自定义颜色大小
	<div> 是一个块级元素,也就是说,浏览器通常会在 div 元素前后放置一个换行符,是个白板可自定义颜色大小
	<form>	用来与用户交互并提交数据	
	<input> 输入标签
		type="text" name属性 value属性
		type="password" name属性 value属性
		type="submit" value属性 提交表单
		type="button" value属性 按钮
		type="radio" name属性 value属性(name相同为单选框) checked默认勾选属性
		type="checkbox" 多选框 name相同不互斥 value属性 checked默认勾选属性
		type="file" name属性 依赖from中的属性 enctype="multipart/form-data"
		type="reset" value="重置" 重置
	<textarea> 多行输入框 默认值放在中间
	<select> 下拉框  multiple="multiple" 多选
		<option> 下拉单选框 
		<optgroup> 下拉组 label属性表示标题
	<img> 图片
		<img src="img/index.png" title="森林" style="height: 400px;width: 400px" alt="风景">
	<ul> 列表
		<ul>
			<li>a</li>
			<li>b</li>
			<li>c</li>
			<li>d</li>
			<li>e</li>
		</ul>
	<ol>带序列的列表
		<ol>
			<li>a</li>
			<li>b</li>
			<li>c</li>
			<li>d</li>
			<li>e</li>
		</ol>
	<dl>分级列表dt是dd的父级
	    <dl>
			<dt>a</dt>
			<dd>b</dd>
			<dd>c</dd>
			<dt>d</dt>
			<dd>e</dd>
		</dl>
	<table>  table为表格 tr为一行td为一列 border属性
		<tr>
			<td> rowspan 占几行 colspan占几列	
	<label> 当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上
	<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段
			
posted @ 2021-01-13 16:55  清雨染墨衣Y  阅读(28)  评论(0)    收藏  举报