Kursus dan Bimbingan Belajar

Jumat, 30 Mei 2025

Form Website Industry Sample

1. Type this following HTML source code in your web editor:

<!DOCTYPE HTML public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>Registration Form</title>

h4 { margin-bottom: 0.5em; margin-top: 0.3em;}

h5 { margin-top: -0.01px; margin-bottom: 0.3em;}

label { font-size: 10pt;}

</style>

</head>

<body>

<h4 class="frm-title"><b>I work in …… industry company</b></h4>

<h5>Using select option</h5>

<label for="sel-industry">Industry : </label>

<option value="Agricultural Sector">Agricultural Sector</option>

<option value="Education Sector">Education Sector</option>

<option value="Energy Sector">Energy Sector</option>

<option value="Entertainment Sector">Entertainment Sector</option>

<option value="Financial Sector">Financial Sector</option>

<option value="Food and Beverage Sector">Food and Beverage Sector</option>

<option value="Healthcare Sector">Healthcare Sector</option>

<option value="Manufacturing Sector">Manufacturing Sector</option>

<option value="Real Estate Sector">Real Estate Sector</option>

<option value="Retail Sector">Retail Sector</option>

<option value="Technology Sector">Technology Sector</option>

<option value="Transportation Sector">Transportation Sector</option>

</select>

<h5>Using radio</h5>

Industry:<br/>

<input type="radio" value="Agricultural Sector" name="rad-industry-sector" id="rad-agricultural-sector"><label for="rad-agricultural-sector">Agricultural Sector</label><br />

<input type="radio" value="Education Sector" name="rad-industry-sector" id="rad-education-sector"><label for="rad-education-sector">Education Sector</label><br />

<input type="radio" value="Energy Sector" name="rad-industry-sector" id="rad-energy-sector"><label for="rad-energy-sector">Energy Sector</label><br />

<input type="radio" value="Entertainment Sector" name="rad-industry-sector" id="rad-entertainment-sector"><label for="rad-entertainment-sector">Entertainment Sector</label><br />

<input type="radio" value="Financial Sector" name="rad-industry-sector" id="rad-financial-sector"><label for="rad-financial-sector">Financial Sector</label><br />

<input type="radio" value="Food and Beverage Sector" name="rad-industry-sector" id="rad-food-and-beverage-sector"><label for="rad-food-and-beverage-sector">Food and Beverage Sector</label><br />

<input type="radio" value="Healthcare Sector" name="rad-industry-sector" id="rad-healthcare-sector"><label for="rad-healthcare-sector">Healthcare Sector</label><br />

<input type="radio" value="Manufacturing Sector" name="rad-industry-sector" id="rad-manufacturing-sector"><label for="rad-manufacturing-sector">Manufacturing Sector</label><br />

<input type="radio" value="Real Estate Sector" name="rad-industry-sector" id="rad-real-estate-sector"><label for="rad-real-estate-sector">Real Estate Sector</label><br />

<input type="radio" value="Retail Sector" name="rad-industry-sector" id="rad-retail-sector"><label for="rad-retail-sector">Retail Sector</label><br />

<input type="radio" value="Technology Sector" name="rad-industry-sector" id="rad-technology-sector"><label for="rad-technology-sector">Technology Sector</label><br />

<input type="radio" value="Transportation Sector" name="rad-industry-sector" id="rad-transportation-sector"><label for="rad-transportation-sector">Transportation Sector</label><br />

<h5>Using Checkbox</h5>

Industry:<br/>

<input type="checkbox" value="Agricultural Sector" name="chk-agricultural-sector" id="chk-agricultural-sector"><label for="chk-agricultural-sector">Agricultural Sector</label><br />

<input type="checkbox" value="Education Sector" name="chk-agricultural-sector" id="chk-education-sector"><label for="chk-agricultural-sector">Education Sector</label><br />

<input type="checkbox" value="Energy Sector" name="chk-energy-sector" id="chk-energy-sector"><label for="chk-energy-sector">Energy Sector</label><br />

<input type="checkbox" value="Entertainment Sector" name="chk-entertainment-sector" id="chk-entertainment-sector"><label for="chk-entertainment-sector">Entertainment Sector</label><br />

<input type="checkbox" value="Financial Sector" name="chk-financial-sector" id="chk-financial-sector"><label for="chk-financial-sector">Financial Sector</label><br />

<input type="checkbox" value="Food and Beverage Sector" name="chk-food-and-beverage-sector" id="chk-food-and-beverage-sector"><label for="chk-food-and-beverage-sector">Food and Beverage Sector</label><br />

<input type="checkbox" value="Healthcare Sector" name="chk-healthcare-sector" id="chk-healthcare-sector"><label for="chk-healthcare-sector">Healthcare Sector</label><br />

<input type="checkbox" value="Manufacturing Sector" name="chk-manufacturing-sector" id="chk-manufacturing-sector"><label for="chk-manufacturing-sector">Manufacturing Sector</label><br />

<input type="checkbox" value="Real Estate Sector" name="chk-real-estate-sector" id="chk-real-estate-sector"><label for="chk-real-estate-sector">Real Estate Sector</label><br />

<input type="checkbox" value="Retail Sector" name="chk-retail-sector" id="chk-retail-sector"><label for="chk-retail-sector">Retail Sector</label><br />

<input type="checkbox" value="Technology Sector" name="chk-technology-sector" id="chk-technology-sector"><label for="chk-technology-sector">Technology Sector</label><br />

<input type="checkbox" value="Transportation Sector" name="chk-transportation-sector" id="chk-transportation-sector"><label for="chk-transportation-sector">Transportation Sector</label><br /> <button type="submit" class="btn">Add</button>

</form>

</div>

</body>

</html>

2. Save as IndustrySample1.htm

3. Open the file in your browser.

Notes

Type <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> in same line.
Type the HTML source code between  and  to the same line.

Output

HTML Select Option, Radio, Checkbox

HTML Select Option On Click

< back to Learn HTML

Kamis, 29 Mei 2025

Form Website Expense

1. Type this following HTML source code in your web editor:

<!DOCTYPE HTML public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://"><html><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>Add Expense</title></head>

<h3 class="card-title"><b>Add category</b></h3>
<label for="sel-year">Expense date</label>

</select>

<option value="1">January</option>

<option value="2">February</option>

<option value="3">March</option>

<option value="4">April</option>

<option value="8">August</option>

<option value="9">September</option>

<option value="10">October</option>

<option value="11">November</option>

<option value="12">December</option>

</select>

</select>

<br />

<label for="txt-expense-for">Expense for *</label>

<br />

<label for="sel-expense-category">Expense category</label>

<option value="category1">Operating Expenses (OPEX)</option>

<option value="category2">Non Operating Expenses (NON-OPEX)</option>

</select>

<br />

<label for="sel-expense-sub-category">Expense Sub Category</label>

<option value="subcategory1">Advertising And Marketing</option>

<option value="subcategory3">Charitable Contributions</option>

<option value="subcategory4">Client Gifts</option>

<option value="subcategory5">Credit Fees</option>

<option value="subcategory6">Contributions</option>

<option value="subcategory7">Depreciation</option>

<option value="subcategory8">Education And Training</option>

<option value="subcategory9">Employee Loans</option>

<option value="subcategory10">Employee Benefits</option>

<option value="subcategory11">Insurance</option>

<option value="subcategory12">Inventory</option>

<option value="subcategory13">Legal And Professional Services</option>

<option value="subcategory14">Licenses And Permits</option>

<option value="subcategory15">Maintenance And Repairs</option>

<option value="subcategory16">Manufacturing Or Raw Materials</option>

<option value="subcategory17">Meals And Entertainment</option>

<option value="subcategory18">Medical And Health Care Expenses</option>

<option value="subcategory19">Mortgage Interest</option>

<option value="subcategory20">Moving Expenses</option>

<option value="subcategory21">Ocategoryffice Supplies</option>

<option value="subcategory22">Postage And Shipping</option>

<option value="subcategory23">Printing</option>

<option value="subcategory24">Real Estate </option>

<option value="subcategory26">Research And Development (R&D)</option>

<option value="subcategory27">Retirement And Pension Contributions</option>

<option value="subcategory28">Security And Parking</option>

<option value="subcategory29">Software</option>

<option value="subcategory30">Subcription</option>

<option value="subcategory31">Taxes</option>

<option value="subcategory32">Telecommunication</option>

<option value="subcategory33">Travel And Transportation</option>

<option value="subcategory34">Utilities</option>

</select>

<br />

<input type="checkbox" value="SupervisorApproval" name="chk-supervisor-approval" id="chk-supervisor-approval"><label for="chk-supervisor-approval">Supervisor Approval</label>

<input type="checkbox" value="AccountingApproval" name="chk-accounting-approval" id="chk-accounting-approval"><label for="chk-accounting-approval">Accounting Approval</label>

<br />

<label for="txt-expense_amount">Expense amount *</label>

<br />

<label for="txa-exp-descrip">Description </label>

<br />

</form>

</div>

</body></html>

2. Save as ExpenseFormSample1.htm

3. Open the file in your browser.

Notes

Type <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> in same line.
Type <input type="text" id="txt-expense-for" name="txt-expense-for" placeholder="Expense for"> in same line.
Type <select name="sel-expense-sub-category" id="sel-expense-sub-category"> in same line.
Type <input type="checkbox" value="AccountingApproval" name="chk-accounting-approval" id="chk-accounting-approval"><label for="chk-accounting-approval">Accounting Approval</label> in same line.
Type <input type="checkbox" value="SupervisorApproval" name="chk-supervisor-approval" id="chk-supervisor-approval"><label for="chk-supervisor-approval">Supervisor Approval</label> in same line.
Type <input type="number" id="txt-expense-amount" name="txt-expense-amount" placeholder="Expense amount"> in same line.

Output

< back to Learn HTML

Bibliography

https://www.jotform.com/

Microsoft Office PowerPoint Lesson Topics List

PowerPoint Basics:

Create A New Presentation In Powerpoint.
Introduction To The Interface.

Creating Slides.
Saving And Opening Presentations.
Basic Formatting Text, Fonts, Colors, And Spacing.

Powerpoint Text Alignment

PowerPoint Intermediate:

Adding Images And Multimedia.
Creating Charts And Graphs.
Adding Transitions.
Mastering Presentations.

PowerPoint Advanced:

Adding Animations.
Managing Slides.

To Make My Slide Number Bigger In PowerPoint Classic

VBA/Macro In PowerPoint

Get The Shape Position In Microsoft PowerPoint

Using Powerpoint's Tools For Collaboration.

Membuat Dokumen Microsoft Office Word 2007

Klik Ribbon Tab File kemudian klik New.

Klik Ribbon Tab File

Klik New
Dalam First Column/Left Panel Templates klik Blank and recent, dalam Second Column/Middle Panel Blank and recent, klik Blank document. Dalam Third Column/Right Panel klik tombol Create.

Dialogue Box New Document
Kemudian akan tampil New Document.
tampil New Document

Notes

untuk gambar yang lebih jelas, klik di gambar.
untuk belajar memulai aplikasi Microsoft Office Word di Microsoft Windows 8, klik Memulai Application Microsoft Office Word

<< back to Study About Microsoft Office 1

pergi ke Microsoft Office Word Lesson Topics List >>

pergi ke Daftar Pelajaran Microsoft Office Word >>

Bibliography

ebook Microsoft Office Word Adi Kusrianto

ebook Microsoft Office Word Christopher Lee

https://um.ac.id/ ( university )

https://uma.ac.id/ ( university )

https://www.umm.ac.id/ ( university )

https://www.unimed.ac.id/ ( university )

Selasa, 27 Mei 2025

Learn Internet And Communication

Learn To Using Google Chrome

Cara Membuka Aplikasi Browser Internet Google Chrome pada Komputer
Belajar cara membuka aplikasi Browser Internet Google Chrome pada komputer Microsoft Windows 8.1.
Fungsi Menu Google Chrome
mengenal fungsi menu umum di Google Chrome
Google Chrome Right Click Menu
Google Chrome Keyboard Shortcut
How To Backup Google Chrome Profile
Search Your Tabs, Bookmarks, and History In Browser Address Bar
Search your tabs, search your bookmarks, search your browsing history, search your website, search in title, search in tag, search in url Google Chrome address bar and Mozilla Firefox address bar.
Google Chrome Extension
How to Install A Google Chrome Extension
Opera And Google Chrome Extensions 1
Google Chrome Extension To Learning
Useful Google Chrome Extension

Learn To Use Latex Document

to learn more about Latex, click on the Learn About Latex List 1 >

Learn To Use Markdown And LightWeight Markup Language

to learn more about Markdown, click on the Study About Markdown 1 >

Learn To Use AsciiDoctor

to learn more about AsciiDoctor, click on Study About AsciiDoctor >

Cara Membuka Aplikasi Browser Internet Google Chrome pada Komputer

Ketika Anda sedang mencari cara membuka Aplikasi Browser Internet Google Chrome, ketika memakai komputer personal ( Personal Computer ). Berarti Anda sudah membuka halaman website yang tepat untuk mengetahui cara membuka Aplikasi Browser Internet Google Chrome. Di bawah ini merupakan cara agar Anda dapat membuka Aplikasi Browser Internet Google Chrome.

Persiapan

Menyiapkan Microsoft Windows 8.1 di dalam komputer Anda.

Jika Anda memakai komputer pribadi, aplikasi ini bisa ditemukan pada bagian menu Windows/Start ( Windows Start menu ), setelah click pada Start Button.
Start menu Microsoft Windows
Tombol All Apps ada di pojok kiri bawah dan berbentuk bulat ( Down Arrow key ). Di bagian "Semua Aplikasi" atau "Apps" atau "All Apps" atau "App List" pada bagian menu Windows/Start, temukan Aplikasi Browser Internet Google Chrome dengan scroll ke kanan pada bagian bawah monitor komputer.
Apps pada bagian Windows Start Menu
Click Aplikasi Browser Internet Google Chrome.
Aplikasi Browser Internet Google Chrome pada Windows Start Menu
Kemudian Aplikasi Browser Internet Google Chrome akan tampil.
Aplikasi Browser Internet Google Chrome

<< back to Learn Internet And Communication

Bibliography

https://monday.com/

https://www.geeksforgeeks.org/

https://www.hadirr.com/

https://www.kantorkita.co.id/

Senin, 26 Mei 2025

Using Highlight JS

1. Type this website source code in website editor:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>HighlightJS, Display Language Syntax and Line Numbering</title>

/* for block of numbers */

.hljs-ln-numbers {

-webkit-touch-callout: none;

-webkit-user-select: none;

-khtml-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

text-align: center;

color: #ccc;

border-right: 1px solid #CCC;

vertical-align: top;

padding-right: 5px;

/* your custom style here */

width: 2em;

}

/* for block of code */

.hljs-ln-code {}

.hljs-ln { margin-top: 1em; }

</style>

</head>

<body>

<h1>Example HighlightJS <span id="versionNum"></span></h1>

<h3>Example HighlightJS</h3>

<pre><code class="hljs language-javascript">class TokenTree {

constructor() {

/** @type DataNode */

this.rootNode = newNode();

this.stack = [this.rootNode];

}

get top() {

return this.stack[this.stack.length - 1];

}

get root() { return this.rootNode; }

/** @param {Node} node */

add(node) {

this.top.children.push(node);

}

/** @param {string} scope */

openNode(scope) {

/** @type Node */

const node = newNode({ scope });

this.add(node);

this.stack.push(node);

}

………

</code></pre>

hljs.addPlugin(new HLJSLanguageDisplayPlugin());

hljs.highlightAll(); // initialize highlighting

hljs.initLineNumbersOnLoad({

singleLine: true

}); // apply line numbering

</script>

document.getElementById("versionNum").innerText=hljs.versionString;

</script>

</body>

</html>

2. Save as simpleHighlightJS.html

3. Open in internet browser.

Output

Notes

To see more clear to the screen capture picture, click on the picture.
In this post, we are using Highlightjs version 11.5.1. Of course you can use to any version depend to your requirements or your needs.

Bibliography

https://github.com/crpietschmann/hljslanguagedisplayplugin

https://github.com/highlightjs/

https://github.com/wcoder/highlightjs-line-numbers.js

https://www.inmotionhosting.com/

https://medium.com/@hizacharylee/

https://preply.com/

Kursus dan Bimbingan Belajar

Search In This Website

Jumat, 30 Mei 2025

Form Website Industry Sample

Notes

Output

Kamis, 29 Mei 2025

Form Website Expense

Notes

Output

Bibliography

Microsoft Office PowerPoint Lesson Topics List

PowerPoint Basics:

PowerPoint Intermediate:

PowerPoint Advanced:

Membuat Dokumen Microsoft Office Word 2007

Notes

Bibliography

Selasa, 27 Mei 2025

Learn Internet And Communication

Learn To Using Google Chrome

Learn To Use Latex Document

Learn To Use Markdown And LightWeight Markup Language

Learn To Use AsciiDoctor

Cara Membuka Aplikasi Browser Internet Google Chrome pada Komputer

Persiapan

Bibliography

Senin, 26 Mei 2025

Using Highlight JS

Output

Notes

Bibliography

Total Tayangan Halaman