本文介绍了在VSCode中学习的HTML基础知识，包括<head>、<body>标签结构，元数据(meta)的使用，文本标签如<h1-h6>、<p>、<br>等，以及块元素和行内元素的区别。此外，还涵盖了列表、表格和图片的创建方法，强调了HTML语义化的概念。
2023.11.04
今天安装了vscode和第三章基本标签
知识点：<html>结构
1.head标签<head></head>
只有6个标签可以放在head里去（title meta link style script base）
（1）title 唯一的作用就是定义网页标题
（2）meta的两个属性：1.name:定义页面的特殊信息（主要keywords：网页关键字，可以是多个；description：网页的描述）；2.http-equiv：Ⅰ。定义网页所使用的编码（<meta charset="utf-8"/>）Ⅱ。定义自动刷新跳转(<meta http-equiv="refresh" content="6;url=http://www.lvyestudy.com"/>)
（3）style：定义元素的CSS样式
（4）script：定义页面的JavaScript代码，也可以引入外部JavaScript文件
（5）link：引入外部样式文件
3.body标签
<meta charset="utf-8"/>：防止出现乱码
4.HTML注释
<!--注释内容-->
第四章练习编程题
第四章代码量
今天学习了第四章文本
内容如下：
1.标题标签：h1到h6的使用。title标签和h1标签不一样。title用于显示地址栏的标题，而h1用于显示文章的标题。
2.段落标签：<p></p>
换行标签：<br/>
3.文本标签：
（1）粗体标签：strong、b（加粗表示语义性更好）
（2)斜体标签：i、em、cite
（3）上标标签：sup
（4）：下标标签：sub
（5）：中划线标签：s
（6）：下划线标签：u
（7）：大字号标签：big
（8）：小字号标签：small
4.水平线标签：<hr/>
5.div标签：<div></div>,用来划分代码区域，但不改变实际预览效果
6.自闭合标签：只有开始符号，没有结束符号，因此不可以在内部插入标签或文字。
7.块元素和行内元素（标签也叫作元素）
（1）块元素：在浏览器预览效果下，独占整一行、并且排斥其他元素与之位于同一行的元素。一般情况下，块元素内部可以容纳其他块元素和行内元素。
（2）行内元素：与块元素相反，且只能容纳行内元素，不能容纳块元素。
8.特殊符号
（1）空格：" ",一个汉字约等于三个空格
（2）其他
今天我学习了第五，六，七章。内容分别为列表，表格和图片。
第五章 列表
列表：有序列表，无序列表，定义列表
1.有序列表：+type属性（1，a,A,Ⅰ等）
语法：
<ol type=“属性值”>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>JQuery</li>
<li>Vue.js</li>
</ol>
PS:ol标签需要和li标签配合使用，不可单独使用。ol的子标签只能是li标签
2.无序列表：type属性（disc,circle,square）
语法：
<ul type="属性">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>JQuery</li>
<li>Vue.js</li>
</ul>
PS：ul标签需要和li标签配合使用，不可单独使用。ul的子标签只能是li标签
①ul元素的子元素只能是li；②ul元素的内部的文本，只能在li元素内部添加，不能再外部添加
3.定义列表：名词+描述
语法：<dl>
<dt>名词</dt>
<dd>描述</dd>
</dl>
HTML语义化.....
第六章 表格
1.表格完整结构
注意：th 标签用于表头，显示上会有“粗体”“居中”效果；td标签用于表行;
tfoot标签常用于统计数据
<table>
<caption>表格标题</caption>
<thead>
<tr>
<th>表头单元格</th>
<th>表头单元格</th>
<th>表头单元格</th>
<th>表头单元格</th>
</tr>
</thead>
<tbody>
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
</tfoot>
</table>
2.合并行
语法：<td rowspan="跨域的行数"></td>
3.合并列
语法：<td colspan="跨域的列数"></td>
第七章 图片
1.想要显示图片，可用img标签，有以下三个属性
（1）.src属性：用于指定图片路径，可以是相对路径也可以是绝对路径。
<img src="图片路径"/>
（2）.alt属性：用于图片描述，给搜索引擎看的，当图片无法显示时会显示alt中的文字。
（3）.title属性是给用户看的，当鼠标指针移到图片上时就会显示文字。
对于img标签，src和alt属性是必选的，title是可选属性。
2.绝对路径：在计算机中的完整路径
相对路径：图片相对于当前页面的位置。"../"表示上一级目录。
3.图片格式
（1）位图，即像素图，有三种格式：jpg（或jpeg）、png、gif
（2）矢量图 ，最常见的为".swf"
扫一扫
2085
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
