前端基础------HTML概要(一)

HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。

接下来是整理的一些主要标签

1.<html></html>  每个网页都是包含在这一对标签之中的

2.<head></head>  网页的头部信息,包含<title></title>标签等

3.<title>网页选项卡的名称</title>

4.<body>网页的主体内容</body>

文本操作标签

1.<strong>文本内容</strong>   用于字体加粗

2.<label>文本内容</label>   普通文本

3.<p>文本内容</p> 段落标签

4.<em>文本内容</em>  斜体显示

5.<span>文本内容</span>  标记内容

6.<h1>~<h6> 用于标题

表格标签

<table></table>

例:

<table border="1px">
    <tr>
       <td>apple</td>  
    <td>banana</td> </tr> <tr> <td>orange</td>
<td>peach</td> </tr> </table>

  属性:

    rowspan=”数字“  跨行

    colspan=”数字“    跨列

    border = "1px"     边框

    align = ”center“    对齐方式

列表标签

  1.无序列表

  例:

<ul type="circle">
    <li>dog<li>
    <li>cat</li>
    <li>pig</li>
</ul>    

  其中type属性有:circle 空心圆,square 正方形,disc 实心圆

  2.有序列表

<ol type="1">
    <li>oppo</li>
    <li>apple</li>
    <li>huawei</li>
<ol>

  其中type的属性有 :1,i,I,A,a

  3.自定义列表

<dl>
    <dt>标题</dt>
    <dd>desk</dd>
    <dd>bed</dd>
    <dd>door</dd>
</dl>

页面嵌套标签

<iframe src="引用地址" width=”宽度“ height=”高度“ frameboder=”边框“ scrolling=”是否有滚轮 yes|no“>
</
iframe>

视频标签

<video controls>
    <source src="视频文件路径"/>
</video>

音频标签

<audio controls>
    <source src="音频文件的路径"/>
</audio>

表单标签

<input type="" id="" name="" value="默认值" />

其中type有:text 输入文本框,password密码框,radio单选按钮,email邮箱

      url 网址,file文件域,hidden 隐藏域,number数字下拉列表等等

标签的分类

  块级标签:换行  例:<div></div>,<p></p>.<h1></h1>

  行级标签:不换行  例:<span></span>,<label></label>,<strong></strong>

div详解

  1.style样式

    语法  style=“属性名=值;...”

  2.align 内容对齐

    ·left 左对齐

    ·right 右对齐

    ·center 居中对齐

  3.title 鼠标悬浮时显示的内容

  4.class标签  用于选取元素,区分元素,名字可以重复

  5.id标签 用于选取元素,区分元素,名字不可以重复

posted @ 2020-02-14 23:33  MrLuve  阅读(183)  评论(0编辑  收藏  举报