HTML学习

注释:<!--  -->             ctrl+/

文档规范:<!DOCTYPE html>

头部标签:<head> </head>

主体标签:<body> </body>

网页标题标签:<title> </title>

 

基本标签

一级标签:<h1> </h1>

二级标签:<h2> </h2>

……

段落标签:<p> </p>          p+tab

换行标签:<br/>

水平线标签:<hr/> --------------

字体样式标签粗体:<strong> </strong>

字体样式标签斜体:<em> </em>

空格:&nbsp;

特殊符号用&开头;结尾,不知道可以百度。

 

图像标签

<img src = "path"  alt = "text"  title = "text"  width = "x"  height = "y"/>

src(必填):图片地址    ../代表上一级目录

alt(必填):图像替代文字

title:鼠标悬停提示文字

 

链接标签

<a href = "path"  target = "目标窗口位置">链接文本或图像</a>                   a+tab

href:跳到哪

target:链接在哪个窗口打开   _self、_blank

 

锚链接

1.新建一个锚标记           <a name="top">顶部</a>

2.跳转到标记                  <a href="#top">回到顶部</a>

 

块元素

无论内容多少,该元素独占一行(p、h1-h6……)

行内元素

内容撑开宽度,左右都是行内元素可以放在一行(a、strong、em……)

 

列表标签

有序列表 (试卷,问答……)

<ol>

            <li> </li>

</ol>

无序列表(导航,侧边栏……)

<ul>

           <li> </li>

</ul>

自定义列表(网站底部……)

<dl> 

           <dt>  </dt>列表名称

           <dd></dd>列表内容

</dl>

 

表格标签

tr行         跨行<td rowspan="x"> </td>

td列        跨列<td colspan="x"> </td>

<table>

            <tr>

                       <td>1-1</td>

                       <td>1-2</td>

            </tr>

            <tr>

                       <td>2-1</td>

                       <td>2-2</td>

            </tr>

            <tr>

                       <td>3-1</td>

                       <td>3-3</td>

            </tr>

</table>

 

视频和音频

<video src="path" controls autoplay> </video>   快捷键按住tab

<audio src="path" controls autoplay> </audio>

 

内联框架(嵌入网页)

<iframe src="path" name="mainFrame"> </iframe>

 

posted @ 2021-02-24 19:17  星予  阅读(62)  评论(0)    收藏  举报