2022 7-10 第二组 曹雨html

HTML

HTML：HTML是用来描述网页的一种语言超文本标记语言。动画。音频，视频，特效，超链。用标签来定义网页

在HTML中使用标签来定义网页：

  <asdasdasdasdasd></asdasdasdasdasd>成对<details>
  <asdasdasdasdasd />单独 

一些基本定义：

html：文档的根标签
head：头，标签处。
title：适配搜索引擎。meta charset=utf-8
link：链接css的，引入css样式
style：定义css样式
script：定义js，也可以引入js
body：身体。目前来说在网页上看见的所有的东西都是body里的

基本标签：

h1~h6：标题标签，字体变大，变粗，变黑，上下空一行

<h1>我是h1</h1>           

p：段落，上下空一行

<p>段落</p>

br：换行，一个br就是一个回车。

我是一个好人，<br>

其他一些标签；

 <b>加粗</b><br>
<code>计算机代码</code><br>
<em>强调文本</em><br>
<i>斜体</i><br>
<kbd>键盘输入</kbd><br>
<pre>预格式
    哈哈
</pre><br>
<small>更小的字体</small><br>
<strong>加粗</strong><br>
<abbr>缩写</abbr><br>
<address>地址</address><br>
< bdo>文字方向</bdo>
<blockquote>从另一个源引入</blockquote>
<cite>工作</cite>
log<sub>10</sub>
m<sup>2</sup>
<ins>插入文本</ins>
<del>删除文本</del>
<font size="7" color="red">我是font</font>

超级链接：

href：要去的地方
../：返回上一级目录 ./：当前目录（不需要写）
target：目标。怎么打开目标地址
_blank：在新窗口打开
_self：在当前窗口打开（默认）
_parent、_top：在父容器（顶级父容器）打开

 普通的链接：<a href="#" target="_blank" title="点我">走你</a><br>
 图片链接：<a href="http://www.baidu.com"><img src="img/lijian.jpeg"></a>
 邮箱：<a href="mailto:123456789@qq.com">站长信箱</a>

图片（img）：

src：图片的路径
height、width：宽和高（尽量指定一个属性，等比例缩放）
title：标题，当鼠标悬停在标签上出现的提示文字
alt：图片无法正常加载的提示文字
align：对齐方式

<img src="（图片链接）" height="200" alt="李健在唱歌" title="李健很帅" align="center">李健北京演唱会   

区块空白：

div：块。立方体，可以有宽高
span：行。没有宽和高。尺寸是根据内容确定

无序列表：

<ul type="disc">
    <li>我是无序列表</li>
    <li>我是无序列表</li>
    <li>我是无序列表</li>
    <li>我是无序列表</li>
    <li>我是无序列表</li>
    <li>我是无序列表</li>
    <li>我是无序列表</li>
</ul>

有序列表：

<ol>
    <li>我是有序列表</li>
    <li>我是有序列表</li>
    <li>我是有序列表</li>
    <li>我是有序列表</li>
    <li>我是有序列表</li>
    <li>我是有序列表</li>
    <li>我是有序列表</li>
</ol>

自定义列表：

<dl>
    <dt>项目1</dt>
    <dd>描述项目</dd>
    <dt>项目2</dt>
    <dd>描述项目</dd>
</dl>

注释：

<!--（想要注释的内容）-->

总结

今天是学习的第一天，我们学习了html的一些基础部分，老师上课的时候感觉每个知识点都可以听得懂。但是当晚上老师布置一个项目的时候，我一下就没有思路了，虽然时计算机专业，但是在学校也只是以理论知识学习通过考试为主，对于实际的代码操作可以说时几乎小白，尽管一编一编复习白天老师讲过的知识点，但对于如何把他们融会贯通，并做出一个项目就是没有一点思绪，最后在同学的帮助以及代码参考下，勉强做出来，真的很焦虑，希望随着时间的积累可以提升自己的思维水平吧。