HTML学习总结(2):常用标签

1.HTML元素的四种形式
空元素:<p>
带有属性的空元素:<hr color="red">
带有内容的元素:<title>标题</title>
带有内容和属性的元素:<font color="red">内容</font>

2.与段落控制有关的标签
<p align="#">:表示paragraph,创建一个段落。属性align表示段落的对齐方式,#可以是left,right,center和justify。
<br>:表示line break,作用是换行。
<hr>:作用是插入一条水平线。常用属性有width规定线条的长度,还可以是百分比;color 表示颜色,size 表示厚度;align 规定线条位置,有left、right、center;noshade 表示是否有立体效果。

3.控制文本的居中
<center>...</center>
<hn align="#">...</hn>
<font size=n color=" ">...</font>:n可以从1到7.
<b>...</b>:bold,加粗
<i>...</i>:italic,斜体

4.html中常用的特殊字符
空格 &nbsp;  
< 小于号 &lt; <
> 大于号 &gt; >
& 和号 &amp; &
" 引号 &quot; "

5.带有有符号的列表
<ol>
  <li>
  <li>
  ...
</ol>
<ol>常用属性有type
值                描述
1 默认值。数字有序列表。(1、2、3、4)
a 按字母顺序排列的有序列表,小写。(a、b、c、d)
A 按字母顺序排列的有序列表,大写。(A、B、C、D)
i 罗马字母,小写。(i, ii, iii, iv)
I 罗马字母,大写。(I, II, III, IV)
当type=1时,<ol>标签有属性start,表示起始的数字;而<li>标签有value属性,表示当前的数字。

6.带有项目符号的列表
<ul>
  <li>
  <li>
  ...
</ul>
<ul>标签的type属性有
disc:显示为实心的圆圈
square:显示为实心的方块
circle:显示为空心的圆圈

7.建立无符号的列表
使用<dl>与<dt>标签创建无符号的列表,使用<dd>标签代替<dt>创建缩进的列表。

8.表格
<table>标签来定义
<caption>标签用于定义表格的标题
<tr>标签在表格中添加一个新行
<th>标签用于定义表头
<td>标签用于定义单元格

9.超链接
<a href="url">...</a>

10.图像
<img src="URL" width=n height=n>

时间: 2024-10-04 22:04:34

HTML学习总结(2):常用标签的相关文章

JavaWeb学习之JSP常用标签、EL表达式的运算符、JSTL标签库(6)

1.JSP常用标签 * 只要支持JSP文件,常用标签有可以直接使用 * 格式: jsp:xxxx * jsp:forward ,完成jsp页面的转发 * page属性:转发的地址 <% request.setCharacterEncoding("UTF-8"); %> <jsp:forward page="/index.jsp"> <jsp:param value="张三" name="userName&q

bootstrap学习总结-03 常用标签

1 显示段落 在HTML中,段落使用p标签包起来,重要的文字使用strong标签,em标签.<em> 标签告诉浏览器把其中的文本表示为强调的内容.对于所有浏览器来说,这意味着要把这段文字用斜体来显示.而在BootStramp中通过添加 .lead 类可以让段落突出显示. <h1>标签添加一个.page-header,可以为内容添加合适的边距,并且在下方显示一条灰色的边线. <!DOCTYPE html><html>     <head>     

【html学习整理】常用标签

什么是html 超文本标记语言 html语法规则       所有的命令放到<> 大部分成对存在,以<tag>开始,</tag>结束 网页的基本框架,常用的标记 <html> 页面开始 <head> 头 <body> 主体 <p>标签 . 段落 <br>换行 不成对 <hr>水平线 <b> 粗体 <i>斜体 <u>下划线 <sup>上标 <sub

bootstrap学习总结-05 常用标签3

1 单选框,多选框 1)单选框 单选框(radio)用于从多个选项中只选择一个.设置了 disabled 属性的单选或多选框都能被赋予合适的样式.对于和多选或单选框联合使用的 <label> 标签,如果也希望将悬停于上方的鼠标设置为“禁止点击”的样式,请将 .disabled 类赋予 .radio..radio-inline. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /

bootstrap学习总结-04 常用标签2

1 表格 Bootstrap为表格设计了漂亮的样式. 1)表格基本实例 任意 <table> 标签添加 .table. <table class="table"> <tr> <td></td> <td></td> <td></td> ... </tr> </table> 表格基本实例代码如下: <!DOCTYPE html> <html&

【HTML5】学习笔记2(常用标签2)

<form></form>表单标签<form action="" method="post" enctype="">          表单数据  </form>action:向何处发送表单数据,这个属性值是一个URL地址,如果不填写会提交到前页method:可选值为get和post,默认值为getenctype:设置表单数据在发送到服务器之前该如何编码.一般情况下不会用到,但是数据上传的时候要用到

HTML常用标签(一)

HTML学习之HTML常用标签发布了,欢迎大家通过学编程吧xuebiancheng8.com来访问 HTML是WEB前端课程的基础,HTML是超文本标记语言的缩写,是制作网页的语言,是每个前端工程师必备的知识,在所有的编程语言中,HTML应该是比较简单的.学的快的同学学上几天就可以入门.HTML的应用场合比较广,目前不单单可以用在网页中,同样在手机里现在用的也比较多,使用html实现的代码,可以实现各种手机平台的适配,所以html的使用场合越来越广. HTML代码是由HTML标签组成的,比方说如

html常用标签学习

1.html常用标签学习:1.1.<em>和<strong>标签主要是用来做强调用的,其中<em>是让文字变成斜体,而<strong>把文字进行加粗显示.1.2.<span>标签是没有语义的,它的作用就是为了设置单独的样式用的.1.3.<q>标签是做文本引用时候用的,需要引用的文本不需要加双引号,浏览器会自动为<q>标签加上引号.<blockquote>标签是对长文本进行引用,引用短文本比如一句话就用<q

Web前端入门学习(2)——HTML常用标签

HTML标签 a标签 a标签是一个超链接标签,用于从一个页面链接到另一个页面.在<Web前端入门学习(1)>有提到过4个伪类,分别是a:link.a:visited.a:hover.a:active. a:link代表的是未访问过的链接,当访问者首次打开网页未点击链接时,所表现的形式: a:visited代表的是访问过的链接,相对于link,是访问者点击了连接后,所表现的形式: a:hover代表的是当鼠标经过链接上面时所表现的形式,鼠标经过后,链接会有所变化: a:active代表的是当用户

struts2视频学习笔记 29(Struts 2常用标签解说)

课时28 Struts 2常用标签解说 property标签 property标签用于输出指定值: <s:set name="name" value="'kk'" /> <s:property value="#name"/> default:可选属性,如果需要输出的属性值为null,则显示该属性指定的值 escape:可选属性,指定是否格式化HTML代码. value:可选属性,指定需要输出的属性值,如果没有指定该属性,则