实训第一周总结和心得

心得:

在这一周的学习过程中,非常充实和美好,跟着老师学习和实战html,和小组成员一起学习讨论和参加活动,在做作业的过程中我印象时刻的一次是做一个热搜排行的页面,在实际实现过程中需要使用超链接标记a的伪类,其中有一个a:visited和a:hover,这2个有一个小小的注意点,就是hover伪类需要放在visited伪类前边,不然点击过的网址不会再出现悬停效果.这个小问题让我充分意识到只有在动手实践的过程中在能发现问题,解决问题,提升能力.希望在接下来的学习过程中能继续不断发现自身问题,不断提升.

部分知识总结:

HTML标签

1. 标题标签：<h1>到<h6>，用于定义标题，其中<h1>定义最大的标题，<h6>定义最小的标题。

2. 段落标签：<p>用于定义段落。

3. 链接标签：<a>用于创建链接，href属性用于指定链接的目标地址。

4. 图片标签：<img>用于插入图片，src属性用于指定图片的来源，alt属性用于提供图片无法显示时的替代文本。

5. 列表标签：包括无序列表<ul>、有序列表<ol>和定义列表<dl>

超链接伪类:

1. :link：选择所有未被访问的超链接。

2. :visited：选择所有已被访问的超链接。

3. :hover：选择鼠标悬停在上面的超链接。

4. :active：选择活动链接，即用户点击但还未释放鼠标时的超链接。

选择器类型:

1.元素选择器

2.类选择器

3.ID选择器

4.通配符选择器

5.复合选择器(并集选择器(,),子代选择器(>),后代选择器(空格))

常见的块级元素：

• <div>：通用的容器元素。

• <p>：段落元素。

• <h1> - <h6>：标题元素。

• <ul>、<ol>、<li>：无序和有序列表元素。

常见的行内元素：

• <span>：通用的行内容器元素。

• <a>：超链接元素。

• <b>、<strong>：加粗文本元素。

• <i>、<em>：斜体文本元素。

• <u>：下划线文本元素。

• <s>：删除线文本元素。

常见的行内块元素 :input img button

标签的嵌套关系

•      1.块级元素内可以放任何元素()

•      2.行内元素内只能放文本或其他行内元素

•      特殊:a标签里可以放img