第04天 - 一些些的HTML

1.首先粗浅的讲一下 HTML 的语法,如下:

 <!-- 以下这个半形的中括号,叫做标签 ; 里面可以夹东西(如:DIV 01) -->
 <!-- 结尾的中括号 会加个 【/】-->
 <div> DIV 01 </div> 

 <!-- 但也有不是成双成对的标签,没办法包东西,若要显现文字,可能要查一下此标签的用法 -->
 <!-- input标签的话,可以用placeholder 来预设显示它的值(如:输入1)-->
 <input type="text" name="INPUT1" placeholder="输入1"> 

然後之後示范会顺便介绍一些标签。

2.再来我非常浅略介绍一下 id 和 class,如下:
*它的写法大概是这样

<div id="(请输入ID的值)"> ID </div>
<div class="(请输入CLASS的值)"> CLASS </div>

*ID的值 只能唯一,不可以重复,否则(如下范例) ;反之 CLASS的值 可以重复,就这样。

<div id="alert alert-dark">ID 01</div>
<div id="alert alert-dark">ID 02</div>

<div class="alert alert-dark">CLASS</div>
	
<div class="alert alert-primary">CLASS 01</div>
<div class="alert alert-primary">CLASS 02</div>

https://ithelp.ithome.com.tw/upload/images/20210904/201413557xOoeYLNlm.png
上面程序码有引入 Bootstrap ,原本理想上是要呈现【3个黑底】和【2个蓝底】,
但结果只有【2个没变化】、【1个黑底】和【2个蓝底】,
原因就是我的 id值 并不是为一的。

另外我们昨天有弄一个程序码范例,稍微说明一下,如下:

<!DOCTYPE html> <<这个 ! 开头的,加上去就对了
<html lang="en"> <<这个 html标签,加上去就对了,然後它包住上面以外的全部东西。
    <title>(网页名称)</title>

    <head>
        (看不见的功能通常写在head内,如引入css 或 Bootstrap之类的)
    </head>

    <body>
        (看得见的东西都写在body内)
    </body>

    (body外的下面通常会写<script>标签的相关东西,还有引入 Bootstrap)
    
    然後写程序记得用Tab缩排,我还记得刚开始先被停醒要缩排,
    之後再被停醒用Tab(之前都用空白键一个一个按xD)
</html>

今天就先这样,下次见。


<<:  Uniform - shader 之参数

>>:  [30天 Vue学好学满 DAY4] Vue-cli 基本架构

Day31 - Windows 提权(2)-AlwaysInstallElevated、Unattended Installs、Bypassing UAC

AlwaysInstallElevated 设定 在 Windows 当中有一种设定可以让非管理权限...

Day6 职训(机器学习与资料分析工程师培训班): PHP连接SQL

上午: Python程序设计 延续昨日课程,今日从流程控制开始,课程中老师也有出几个练习题让同学试着...

Proxmox VE 虚拟机防火墙管理 (一)

在网路防护方面,Proxmox VE 提供了相当良好的防火墙管理功能,并且可以适用於节点实体机、客...

事件检视器的使用介绍(二)--事件分类与筛选

今天要来分析各日志档的内容跟类型的判别,也来看一点Event ID(事件识别码)查一点小事件,Win...

如何避免Overfitting

Overfitting是在执行任何模型的时候我们都要注意的问题,今天就来聊聊overfitting是...