HTNL中常用的一些标签

<div>标签和<span>标签:

  1. <div>标签:< div >是一个块元素,它是可用于组合其他 HTML 元素的容器。它没有特定的含义。除此之外,由于它是块元素,所以浏览器会在其前后显示换行。如果与 CSS 一同使用,它可用于对大的内容块设置样式属性。
  2. <span>标签:< span >它是内联元素,可用作文本的容器。它也没有特定的含义。当与 CSS 一同使用时,它可用于为部分文本设置样式属性。

< div >标签和< span >标签都具有绑定化操作的作用。

<strong>标签: 加粗标签中的内容,起强调作用。
<em>标签: 使标签中的文字成斜体,也起强调作用。

<br>标签: 回车。

<ol>标签、<ul>标签和<li>标签:

  • ol标签和<li>标签:
<ol>
    <li></li>
    <li></li>

有序列表。在< ol >的头标签中可以添加两个属性,<ol type=" " start=" ">type的属性值有五种:
1、 1默认值。数字有序列表。(1、2、3、4)
2、 a 按小写字母顺序排列的有序列表。(a、b、c)
3、 A 按大写字母顺序排列的有序列表。(A、B、C)
4、 i 罗马小写字母。(i, ii, iii, iv)
5、 I 罗马大写字母。(I, II, III, IV)

  • <ul>标签和 <li>标签:
<ul>
    <li></li>
    <li></li>

无序列表。在< ul >的头标签中可以添加一个属性,<ol type=" " >type的属性值有三种:
1、 disc:以实心圆开头的列表。
2、 square:以实心方块开头的列表。
3、 circle:以空心圆圈开头的列表。
注: 1、< ol >和< li >、< ul >和< li >总是要一起使用。如果彼此分开了就没有任何意义了。
2、不能把文本或其他元素放在< ol >和< ul >元素里,它们的设计为只能包含< li >元素。
3、可以在列表中嵌套列表。
<form>标签: 表单标签。用于向服务器传输数据,从而实现用户与Web服务器的交互。可以添加一下属性:
1、action: 表单提交到哪。一般指向服务器端一个程序,程序接收到表单提交过来的数据(即表单元素值)作相应处理。
2、method: 表单的提交方式 post/get,默认取值就是get。

  • 输入框和密码框
<form method="get" action="">
            <p>
                username:<input type="text" name="username">
            </p>
            <p>
                password:<input type="password" name="password">
            </p>
            <input type="submit" value="login">
 </form>

输入后显示结果如下:
在这里插入图片描述

  • 单项选择
 <form>
            你的性别:<br>
            1、male<input type="radio" name="1" value="male" ><br>
            2、female<input type="radio" name="1" value="female"><br>
            <input type="submit" value="login"><br>
 <form>

显示结果如下:
在这里插入图片描述

  • 选项列表
<form>
        你的姓:
         <select name="姓">
                <option>赵</option>
                <option>王</option>
                <option>张</option>
            </select>
             <input type="submit" value="login"><br>
 </form>

显示结果如下:
在这里插入图片描述
<a>标签: 有超文本链接,锚点、打电话(发邮件)、协议限定符等作用。
<q>标签: 内联元素,引用小段文字。在内容的开始和结尾处会包有【“ ”】。
<blockquote>标签: 块元素,引用的是大段的内容块。不带【“”】。

实体字符:

 	空格	          &nbsp;(实体名)        	&#160;(实体编号)
<	小于号             	&lt;	                &#60;
>	大于号      	        &gt;	                &#62;
&	和号	            &amp;                   &#38;

在HTML中既可以用实体名也可以用实体编号,不过并不是所有实体都有实体名。如果没有实体名,则可以用实体编号。

发布了27 篇原创文章 · 获赞 31 · 访问量 2648

猜你喜欢

转载自blog.csdn.net/weixin_46102597/article/details/104011619