0
点赞
收藏
分享

微信扫一扫

HTML简单标签

草原小黄河 2022-05-05 阅读 70

HTML标签

常用标签

// 文本标题 h1~h6   文本标题标签自带加粗,有自己的文本大小,并且独占一行,有默认间距
<h1>—级标题</h1>
<h2>二级标题</h2>
<h3>三级标题H3</h3>
<h4>四级标题H4</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

// 段落文本(p) 标识一个段落(段落与段落之间有段间距)
<p>段落文本内容</p>

// 换行(br) 换行是一个空标记(强制换行)
<br />

// 水平线 
<!-- 
    color=====颜色
    width=====宽度
    align=====对其方式
    noshade===取消阴影
-->
<hr />
<hr color= "red" width="300px" align="right">



// 加粗有两个标记(推荐strong)
<b>加粗内容(只是显示加粗)</b>
<strong>强调的内容(突出的文本)</strong>

// 倾斜有两个标记(推荐em)
<em>强调文本</em><i>倾斜文本<i>

// 删除线有两个标记(推荐del)
<S>文本</s>
<del>文本</del>

// 扩展
<u>文本 (下划线)</u>
<sub>(下标)</sub><sup>(上标)</sup>

//图片标签
<img src="图片路径" title="鼠标悬停上去之后的提示信息" alt="图片不显示之后(加载失败)的提示信息" width="200px" height="200px"/>

// 超链接标签
<!-- 
    Target属性:规定在何处打开文档。
	target="_self"  默认值
	target="_blank"  新窗口打开
-->
<a href="路径" title="鼠标悬停上去之后的提示信息"  target="规定在何处打开文档">内容</a>

div与span

1.div标签,没有具体含义,用来划分页面的区域,独占一行。
2.span,没有实际意义,主要应用在对于文本独立修饰的时候,内容有多宽就占用多宽的空间距离。

列表

//无序列表
<!-- 
    1. ul里面只能放li, li里面可以放其他标签
    2. 默认的是黑色的实心圆 
    3. type, disc  circle square  none(用的多)
-->
<ul>
      <li>无序列表</li>
      <li>无序列表</li>
</ul>

// 有序列表 
<!-- 
    1. li里面可以随意放标签,但是ol里面只能防止li,
    2. 数字是自动生成的。 
    3. type:1,a,A,i,I
       start: 取值只能是一个数字
-->
<ol  type="A" start="4">
      <li>有序列表</li>
      <li>有序列表</li>
</ol>

//自定义列表
<dl>
   <dt>可以是文字也可以图</dt>
   <dd>相关文字</dd>
</dl>

表格标签

  • 表格标签
<table><!--创建表格-->
	<tr> <!-- tr 表示行-->
		<td>1</td><!-- td 表示单元格-->
	</tr>
</table>
  • 表格属性
    宽度 width
    高度 height
    边框 border
    边框颜色 bordercolor
    背景颜色 bgcolor
    水平对齐 align=“left或right或center”
    cellspacing=“单元格与单元格之间的间距”
    cellpadding=“单元格与内容之间的空隙”
  • 行tr 属性
    高度 height
    背景颜色 bgcolor
    文字水平对齐 align=“left或right或center”
    文字垂直对齐 valign=“top或middle或bottom”
  • 单元格td属性
    宽度 width
    高度 height
    背景颜色 bgcolor
    文字水平对齐 align=“left或right或center”
    文字垂直对齐 valign=“top或middle或bottom”
    Colspan=“所要合并的单元格的列数”
    Rowspan=“所要合并的单元格的行数”

表单

<form method="get或者post" action="向何处发送表单数据">
<input />
<!--
	属性   type 定义输入框的类型
	文本框 type="text" 
	密码框 type="password"
	提交框 type="submit"  和 <button>提交按钮</button>  一样
	按钮框 type="button"  单纯的按钮
	重置框 type="reset"清空的效果
	属性   placeholder  描述输入字段预期值的简短的提示信息。兼容到IE8以上
	属性   name 必须设置,否则在提交表单时,用户在其中输入的数据不会被发送给服务器
	属性   value
-->
</form>

举报

相关推荐

0 条评论