复习HTML基础

最新推荐文章于 2024-07-25 11:52:08 发布

Div.143

最新推荐文章于 2024-07-25 11:52:08 发布

阅读量63

点赞数 3

文章标签： html

本文链接：https://blog.csdn.net/kanbujianwolue/article/details/116161166

版权

1.围堵标签：有开始标签和结束标签。如<html></html>
2.自闭合标签：开始标签和结束标签在一起。<br/>
**注意：在开始标签中可以定义属性，属性是由键值对构成，值需要用引号（单双都可）引起来。html的标签不区分大小写，建议使用小写

具体标签

文件标签
构成html最基本的标签

html:html文档的根标签
head:头标签，用于指定html文档的一些属性，引入外部资源
title:标题标签
body:体标签
<!DOCTYPE html>:html5中定义该文档是html文档

文本标签
和文本有关的标签

注释:<!-- 注释内容 -->
<h1> to <h6>:标题标签，h1~h6字体大小逐渐减小
<p>:段落标签
<br>:换行标签
<hr>:展示一条水平线
	属性:
		color:颜色
		width宽度:
		size:高度
		align:对齐方式
			center:居中
			left:左对齐
			right:右对齐
<b>:字体加粗
<i>:字体斜体
<font>:字体标签
<center>:文本居中
	//color:颜色
	  size:大小
	  face:字体

属性定义：
	color: 
	1.英文单词:red、green、blue
	2.rgb(值1，值2，值3):值的范围：0~255
	3.#值1值2值3：值的范围：00~FF之间
	width:
	1.数值：width=‘20’，数值的单位，默认是px（像素）
	2.数值%:占比相对于父元素的比例

图片标签

<!--展示一张图片-->
<img src="image/kedaya.jpg" align="right" alt="可达鸭" width="500" height="500"/>
<!--当图片显示错误是，会显示出alt里面的话-->
<!--
	相对路径：./：代表当前路径
			  ../:代表上一级目录
-->

列表标签

有序列表：
 <!--type属性，是1则从1开始排序，是A则从A开始排序
	start属性：从第几个开始排序
-->
	<ol type="1" start="5">
		<li></li>
		<li></li>
		<li></li>
	</ol>
无序列表：
    <!--type属性可以是：“disc“”“square“”“circle“-->
	<ul type="disc">
		<li></li>
		<li></li>
		<li></li>
	</ul>

链接标签
定义一个超链接

<a href="https://blog.csdn.net/kanbujianwolue" target="_blank">欢迎关注</a>
<a href="https://blog.csdn.net/kanbujianwolue"><img src="./kedaya.jpg"></a>

块标签

div自带换行，每个div独占一行，块级标签
span不换行，文本信息在一行显示，块内标签，内联标签

语义化标签
方便读代码，结合css，提高可读性

<header>
<footer>

表格标签

table:定义表格
	width:宽度
	border:边框
	cellpadding:定义内容和单元格的距离
	cellspacing:定义单元格之间的距离。如果指定为0，则单元格的线会合为一条
	bgcolor:背景色
tr:定义行
	bgcolor:背景色
	align:对齐方式
td:定义单元格
	colspan:合并列
	rowspan:合并行
th:定义表头单元格
<caption>:表格标题
<thead>:表示表格的头部分
<tbody>:表示表格的体部分
<tfoot>:表示表格的脚部分

表单标签

<!--action:指定提交数据的URL
	method：指定提交方式（get、post）
	表单项中的数据要想被提交，必须指定其name属性
-->
 <form action="#" method="post">
      用户名：<input name="username"><br>
      密码：<input name="password"><br>
      <input type="submit" value="登录">
  </form>

表单项标签

input:可以通过type属性值，改变元素展示的样式
	type属性:
		text:文本输入框，默认值
			placeholder:指定输入框的提示信息，当输入框的内容发生变化，会自动清空提示信息
		password:密码输入框
		radio:单选框
			要想让多个单选框实现单选的效果，则多个单选框的name属性值必须一样
		checkbox:
		file：文件选择框
		hidden：隐藏域，用于提交一些消息
		按钮：
			submit：提交按钮，可以提交表单
			button：普通按钮
			image：图片提交按钮
				src属性指定图片的路径
	label:指定输入项的文字描述信息
select:下拉列表
	option：指定列表项
textarea:文本域
	cols：指定列数，每一行有多少个字符
	rows：默认多少行

Div.143

关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复习HTML基础

标签分类1.围堵标签：有开始标签和结束标签。如<html></html>2.自闭合标签：开始标签和结束标签在一起。<br/>**注意：在开始标签中可以定义属性，属性是由键值对构成，值需要用引号（单双都可）引起来。html的标签不区分大小写，建议使用小写具体标签1.文件标签：构成html最基本的标签html:html文档的根标签head:头标签，用于指定html文档的一些属性，引入外部资源title:标题标签body:体标签<!DOCTYPE h
复制链接

扫一扫