HTML基础学习笔记

一、基本结构

<html>——开始标记

<head></head>——头标记,用来控制布局、编码、特效等内容

<body></body>——主体标记,用来呈现网页的具体内容

</html>——结束标记,比开始标记多一个斜杠/

二、标记与元素

1.文字

<font color=" 颜色" size="大小 " face="字体">要记得结束标记</font>

<b>加粗</b>       <strong>也是加粗</strong>

<i>倾斜</i>       <em>也是倾斜</em>

<u>下划线</u>

<center>居中显示</center>

&nbsp——空格 Ctrl+F7

<br>——换行

<p>段落</p>——自带与上下文隔开换行的功能

<h1>标题的重要性</h1>

<h2>依次递减</h2>

<h3>自带回车</h3>

<h4>h1到h6</h4>

2.图片

可视化操作:“常用”工具栏,点击“图像”

代码 <img src="图片路径 " width="宽 " height="高">

图片超链接<a hrf="链接的网址"><img src="图片的地址"></a>

3.视频

嵌入视频:视频网站 “分享”功能,复制html代码,贴在页面代码中

4.表格

创建:1.行数,列数;2.间距,边距;3.总宽,线宽

结构:<table>表格<tr>列数<td>行数</td></tr></table>

<ol>有序列表

<li>自带序列号</li>

<li>自带换行</li>

</ol>

<ul>无序列表

<li>自带小圆点</li>

<li>自带换行</li>

</ul>

5.链接

可视化操作:“常用”工具栏 点击“超级链接”,在弹出的窗口中,填写“文本”“链接”

代码:<a hrf="网址">网站名称</a>

6.工具

快捷键   :在主体<body>后面输入代码  <a name="name"></a>

在主体结束</body>前输入代码 <a hrf="#name">返回最顶部</a>

<meta>设置页面信息

上一篇:单元测试与单元测试框架 Jest


下一篇:二十七、2D转换