html基础知识01

最新推荐文章于 2024-07-01 15:24:09 发布

IT_JAVA_123

最新推荐文章于 2024-07-01 15:24:09 发布

阅读量204

点赞数

分类专栏： html 文章标签： html html5

本文链接：https://blog.csdn.net/qq_51300373/article/details/120089745

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

HTML基础知识（超文本标记语言）

1、标题标签

标题标签h1~h6，超出的范围不起作用

<h1 align="center"> 拥有关于对齐方式的附加信息。

2、段落标签

推荐使用样式取代其属性

<p>段落标签</p>

3、换行标签

<br/>单标签

4、图片标签

自带宽高属性，图片加载不出来用alt显示信息

<img src="img/xx.jpg" width="100px" alt="图片加载失败"/>

5、列表

1、ul 无序标签

type设置类型

circle-空心圆

disc-实心圆

square-实心方块

<ul type="square">
<li>无序标签</li>
</ul>

2、ol有序标签

<ol type="I">
			<li>有序标签</li>
</ol>

3、定义标签

<dl>定义列表
			<dt>列表标签</dt>
			<dd>列表内容</dd>
		</dl>

注意：可以在标签内定义其他不同的标签

6、设置URL图标

<head>
 <link rel="shortcut icon" href="../img/xx.png" type="image/x-icon" />
</head>

7、超链接

_self是替换当前页面，__blank是打开新的页面

<a href="#" target="_self">链接1</a>
<a href="#" target="_blank">链接2</a>

8、锚链接

在当前页面链接到锚点的位置，一一对应

<a href="#new01">锚点1</a><!--链接到锚点位置-->
<a name="new01"></a><!--锚点位置-->

9、内联框架

已经被div取代

将链接的内容加载到iframe中

	<a href="http://www.taobao.com" target="xxx">淘宝</a>
		<iframe name="xxx" width="100%" height="200px"></iframe>

内联框架集

 <!--
		frameset - 框架集（注意：不能和body一起使用）
			rows：行的比例
			cols：列的比例
			
		frame：碎片
			src="广告页面.html" 加载页面
			noresize="noresize"不可拖拽
    -->
	<frameset rows="30%,70%">
		<frame src="广告页面.html" noresize="noresize"/>
		<frameset cols="20%,80%">
			<frame src="导航页面.html" noresize="noresize"/>
			<frame name="xxx" src="男装页面.html" noresize="noresize"/>
		</frameset>
	</frameset>

10、表格

定义表格

定义表格标题。

定义表格的表头。

定义表格的行。

定义表格单元。

定义表格的页眉。

定义表格的主体。

定义表格的页脚。

定义用于表格列的属性。

定义表格列的组。

表格属性

属性	定义
colspan	跨列
rowspan	跨行
cellpadding	内边距（单元格&内容）
cellspacing	外边距（单元格&单元格）
background	背景色（修饰table标签则是修饰整个表格，修饰td则是单元格）
align	对齐方式

11、表单

form

标签	描述
	定义文本域 (一个多行的输入控件)
	定义了元素的标签，一般为输入标题
	定义了一组相关的表单元素，并使用外框包含起来
	定义了元素的标题
	定义了下拉选项列表
	定义选项组
	指定一个预先定义的输入控件选项列表
	定义了表单的密钥对生成器字段

input属性

属性	值	描述
type	button checkbox color date datetime datetime-local email file hidden image month number password radio range reset search submit tel text time url week
autofocus	autofocus	属性规定当页面加载时元素应该自动获得焦点。
checked	checked	只针对 type=“checkbox” 或者 type=“radio”
disabled	disabled	禁用的元素
height	pixels	规定元素的高度。(只针对type=“image”)
list	datalist_id	属性引用元素，其中包含元素的预定义选项。
max	number date	元素的最大值。
maxlength	number	元素中允许的最大字符数。
min	number date	元素的最小值。
multiple	multiple	允许用户输入到元素的多个值
pattern	regexp	用于验证元素的值的正则表达式。
readonly	readonly	字段是只读的。
size	number	以字符数计的元素的可见宽度。
src	URL	提交按钮的图像的 URL。 (只针对 type=“image”)
step	number	元素的合法数字间隔。

datalist


<input list="browsers">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

IT_JAVA_123

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html基础知识01

HTML基础知识（超文本标记语言）1、标题标签标题标签h1~h6，超出的范围不起作用<h1 align="center"> 拥有关于对齐方式的附加信息。2、段落标签推荐使用样式取代其属性<p>段落标签</p>3、换行标签<br/>单标签4、图片标签自带宽高属性，图片加载不出来用alt显示信息<img src="img/xx.jpg" width="100px" alt="图片加载失败"/>5、列表1、ul 无序标签
复制链接

扫一扫