Apa itu HTML?
Hypertext Markup Language atau yang lebih dikenal sebagai HTML adalah bahasa markup yang digunakan sebagai standar dalam pembuatan halaman web. HTML juga bisa dikombinasikan dengan CSS dan bahasa scripting seperti JavaScript. Untuk membuat file HTML kamu harus menyimpannya dengan menggunakan format .htm atau .html.
Sintaks HTML
HTML menggunakan tag untuk sintaksnya. Sebuah tag harus memiliki opening dan closing. Berikut contoh penulisan tag:
<h1>Halo Dunia!</h1>Dari contoh di atas bisa dilihat cara penulisan tag HTML, opening tag-nya adalah <h1> dan closing tag-nya </h1>. Ada juga cara lain untuk menulis tag yang dinamakan self-closing tag, berikut contohnya:
<input type="text" /><img src="placeholder.img" />
Saat…
Search Engine Optimization (SEO) on a client-side rendering React app needs extra setup. It’s because React just has one HTML file, and this is why it’s called Single Page App (SPA). But that’s not make improving SEO of your React app impossible. Here is what I do to improving my React app SEO.
Create Sitemap
You can tell the search engine about your site structure with sitemap. You can create your own sitemap manually or use a package like react-router-sitemap. Here is an example of how I implemented react-router-sitemap.
First, you need to export all your routes
// sitemap-routes.jsimport React from…
After I made this feature for my website, I decided to share the knowledge with everyone with this article.
To understand the whole article, I suggest you know JavaScript ES6, React and React Hooks before.
You can check the whole code below, and I’m gonna explain the rest after.
Handling Events
All the input on React must be handled, like changing the state or click button.
const [image, setImage] = useState({ preview: '', raw: '' })const handleChange = (e) => {
setImage({
preview: URL.createObjectURL(e.target.files[0]),
raw: e.target.files[0]
})
}
As you can see above, I made a function for handle change…
Ibrahim
Software Engineer | ibrahim.id
