Basic knowledge of html (keep for myself)

时间:2021-08-06 07:19:14

1. 通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。

2. 在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。

    可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.

    <base> 标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接

    <link> 标签通常用于链接到样式表   

     <style> 标签定义了HTML文档的样式文件引用地址.

     在<style> 元素中你需要指定样式文件来渲染HTML文档

    <meta> 标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析

    <script>标签用于加载脚本文件,如: JavaScript。

3.  如何使用CSS?

CSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的.

CSS 可以通过以下方式添加到HTML中:

  • 内联样式- 在HTML元素中使用"style" 属性
  • 内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS
  • 外部引用 - 使用外部 CSS 文件

最好的方式是通过外部引用CSS文件.

4. 

定义图像的语法是:

<img src="url" alt="some_text">
URL 指存储图像的位置。Alt 属性用来为图像定义一串预备的可替换的文本(在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。good habit!)
如果图像指定了高度宽度,页面加载时就会保留指定的尺寸(good habit)。
Advice:慎用图片
5. HTML <div> 元素:(1)组合其他 HTML 元素的容器;(2)文档布局
6. HTML <span> 元素:可用作文本的容器,组合行内元素
7. 创建高级的布局非常耗时,使用模板是一个快速的选项。
 

CSS Id 和 Class

1. id 选择器

  HTML元素用id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。

2.  class 选择器

  class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。

  class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号显示: