KidzTalk - Recent questions tagged #html

How to use a /div to view a URL in html

Tue, 29 Apr 2025 00:09:25 +0000

So, I am making a html script to view a website. I used an iframe to go to a URL and it worked but... there is no keyboard functionality. So, I attempted to use a dividend. It went to the url but the url being viewed is frozen. Is there any way to resolve this issue?

Is there any way to use html code in a question?

Sun, 20 Apr 2025 13:23:46 +0000

Just wondering. I have been learning web design recently and I am wondering if there is a way to embed/use html in a question. If not it would be a cool feature to add, as it would allow people to make their posts look really cool.

Learn HTML here! REPOST + UPDATED + CSS TOO???

Thu, 24 Oct 2024 17:44:05 +0000

Hey guys! So, you clicked on this post to learn HTML, eh? Well, your in the right place!

HTML is a programming language that is fun and frustrating at times.

HTML stands for HyperText Markup Language

You could use it to make forums, websites, documents, and MORE!

So, lets get started!

Create a new file in a folder called index.html (i recommend using https://vscode.dev)

First, you put <DOCTYPE! html> at the top on line 1! (formatting is important so you can read your code)

After that, put <html>, if your code editor is good (i recommend https://vscode.dev) it should auto generate </html> after that. the <html> and </html> things are called tags, you can put things in them!

After you put that, put <head> in between the <html> tags. Anything inside a tag is called content, and tags and content together are called elements! please remember these words for later.

After you put your head tags, put <title> inbetween <head> and </head>

that is the data that will be applied to your document!

after that, in between <title> and </title>, put whatever you want! When you open the document in your files, it will open a page on your browser! Then if you look at the tab name, what you put in the title tags will be there!

-------------------CONTINUED-------------------

After that, below the </head> tag, put <body>

<body> is the element that will hold everything that the user can see (images, gifs, text, etc.)

Put <h1>, and inside those <h1> tags, put whatever text you want!

When you reload the page, it will show big text!

Try that with <h2>, <h3>, <h4>, <h5>, and <h6>!

Those are the headers! Now, lets make paragraphs!

put <p> tags. Like the headers, put text inside them to show that text!

So, you put the text, right?

put a new line in the <p> tag, and on that new line, put text!

do you notice something? Yep, that new line doesn't break apart the text!

to do that, put <br> for a new line!

this also spaces apart elements if your too lazy to use padding (we will get into that later)

also, you can put images! In your files, put an image in the same folder as your html file

then put <img src="image.png" height="50" width="50">

that will create an image on your page that is exactly 50 pixels tall and 50 pixels wide.

but, the image will lose all of its proportions!

to keep them, remove the width="50" or height="50" part of your image tag.

So, that's done!

next, we will learn how to put videos and audio.

-------------------CONTINUED-------------------

so, lets say you want AUTOPLAYING BACKGROUND MUSIC

put an <audio> tag, also, for images, videos, or audio, you don't need the second tag.

put <audio src="audio.mp3" autoplay>

that will put auto-playing background music.

also, experiment with images, videos, and audio!

there is also stuff you can put in the tag with autoplay, like controls, and looped!

now, lets put a video!

put a <video> tag

in that tag, put autoplay, looped, and controls

it should look like this

that will put a video on the screen. and btw, the height= and width= stuff works with almost all tags!

thats it for now!

-------------------CONTINUED-------------------

so, you learned a few media types. But... what about

text? I mean, you learned the text types and headers...

but what about the text styling?

THIS is an example of yhat you can do with text!

anyways, lets put a <p> element.

inside the tags, put <b> tags.

now put text inside the b tags. and... there you go!

bold text!

but... what about italic? strike through? underline? superscript? subscript? text colors???

well, <i> for italic, <u> for underlined, <s> for strikethrough,_{<sub> for subscript},^{<sup> for superscript}, and thats about it!

until... COLORS!!!!

make a new file called styles.css

inside there, put #coloredtext, it should generate this.

#coloredtext {

}

then, back in HTML

in the p tag,

copy this!

<p id="coloredtext">

that hooks up the id to the CSS file.

then in the CSS put

#coloredtext {

color: blue;

}

the text will be blue! but when you reload the page..

its not?

that's because we forgot to hook up the CSS to the HTML.

inside the head tags put

<link rel="stylesheet" href="styles.css">

reload the page and...

it works!

but thats just the text color...

#coloredtext {

color: blue;

background-color: red;

}

now, the background color of the text is red!

that is it on the coding for now..

-------------------END-------------------

I'll edit this and continue this soon. I might create a new post whether you can edit posts or not. Bye bye!

I updated the HTML tutorial!

Mon, 07 Oct 2024 23:50:49 +0000

I updated the tutorial!

Visit it at https://www.kidzsearch.com/questions/370482/learn-html-here

Learn HTML here!

Mon, 07 Oct 2024 21:41:14 +0000

(updated: https://www.kidzsearch.com/questions/383957/learn-html-here-repost-updated-css-too)

Hey guys! So, you clicked on this post to learn HTML, eh? Well, your in the right place!

HTML is a programming language that is fun and frustrating at times.

HTML stands for HyperText Markup Language

You could use it to make forums, websites, documents, and MORE!

So, lets get started!

Create a new file in a folder called index.html (i recommend using https://vscode.dev)

First, you put <DOCTYPE! html> at the top on line 1! (formatting is important so you can read your code)

After you put that, put <head> in between the <html> tags. Anything inside a tag is called content, and tags and content together are called elements! please remember these words for later.

After you put your head tags, put <title> inbetween <head> and </head>

that is the data that will be applied to your document!

-------------------CONTINUED-------------------

After that, below the </head> tag, put <body>

<body> is the element that will hold everything that the user can see (images, gifs, text, etc.)

Put <h1>, and inside those <h1> tags, put whatever text you want!

When you reload the page, it will show big text!

Try that with <h2>, <h3>, <h4>, <h5>, and <h6>!

Those are the headers! Now, lets make paragraphs!

put <p> tags. Like the headers, put text inside them to show that text!

So, you put the text, right?

put a new line in the <p> tag, and on that new line, put text!

do you notice something? Yep, that new line doesn't break apart the text!

to do that, put <br> for a new line!

this also spaces apart elements if your too lazy to use padding (we will get into that later)

also, you can put images! In your files, put an image in the same folder as your html file

then put <img src="image.png" height="50" width="50">

that will create an image on your page that is exactly 50 pixels tall and 50 pixels wide.

but, the image will lose all of its proportions!

to keep them, remove the width="50" or height="50" part of your image tag.

So, that's done!

next, we will learn how to put videos and audio.

-------------------CONTINUED-------------------

so, lets say you want AUTOPLAYING BACKGROUND MUSIC

put an <audio> tag, also, for images, videos, or audio, you don't need the second tag.

put <audio src="audio.mp3" autoplay>

that will put auto-playing background music.

also, experiment with images, videos, and audio!

there is also stuff you can put in the tag with autoplay, like controls, and looped!

now, lets put a video!

put a <video> tag

in that tag, put autoplay, looped, and controls

it should look like this

that will put a video on the screen. and btw, the height= and width= stuff works with almost all tags!

thats it for now!

-------------------END-------------------

I'll edit this and continue this soon. I might create a new post whether you can edit posts or not. Bye bye!

HTML lesson: 2 getting started!

Sat, 21 Sep 2024 22:39:07 +0000

Hiii! Today, we start! I hope you’ve picked your idea last lesson, because we start today!

<DOCTYPE!html>

Look at it. In all its glory. The first line to anything. This code tells the computer that you are using html. Without it. Nothing works. Now onto the next thing, titling!

<DOCTYPE!html>

<title: (insert title here>

This next one, as you can tell, gives your project a title! Now, I will not name mine, but instead of the (insert title here, you can tittle it! And now for the next one:

<DOCTYPE!html>

<title>

<p> hello I am paragraph and i like bananas </p>

The p (paragraph) is where you type! I don’t really have anything else to say, so let’s get moving!

<DOCTYPE!html> (almost said socktype)

<title>

<p></p>

<b>

B, is linebreak. You use it to, well, make space between your paragraphs.

Bye for now, and I hope you enjoyed this!

HTML lesson: Ideas.

Fri, 20 Sep 2024 19:57:16 +0000

Hiiiii! After some thought I’ve decided to boost my advice columns activity by helping on my knowledge in a fun little series. well, let’s get going!

Beep boop! Welcome to our first lesson on HTML! Today we are going to learn about how we get our ideas!

Have you ever scrolled to find a website for a fact, but couldn’t find what you were looking for? That is perfect motivation to make it yourself! (After research.)

Another form of inspiration is playing with imagination! Yes, yes, I know. This may give you nostalgia. But it is vital for some of the best ideas you get.

And lastly, our final form of inspiration is (drumroll please) reading! After you read, you might have some questions about it. Well, you can use HTML to answer them in a game!

In conclusion, it is my belief that these that these three things are great motivation. If you have any questions, feel free to ask them in either the answers, or if they’re bigger, ask them is this category!

Byyyyyyyyeeeeeeee!

How to turn KS on mobile into dark mode?

Sat, 20 Aug 2022 07:24:45 +0000

Read the title

How to make a "paragraph" in HTML.

Tue, 19 Jul 2022 12:22:26 +0000

Hello:)

Today I am going to show you how to make paragraphs in html.

What is a paragraph?

It is a couple of sentences together and they form one paragraph.

How to make a paragraph using HTML

It is ver easy to make a paragraph, you need to use the p attribute.

For example

<p>I like to code and share fun facts.</p>

How to Make your website mobile friendly?

Tue, 19 Jul 2022 05:56:36 +0000

Why is making your website mobile friendly important?

Making your website mobile friendly because over 90& of the population uses the internet on the mobile, so you must make your website friendly to get more visitors that can explore your website.

How to make your website mobile friendly?

so, in the past part we talked about why we want our website to be friendly, and now I will show you the key to it.

Many people don't know how to make their website friendly, but it is so easy if you are writing your code.

This is the code:


<meta name="viewport" content="width=device-width,initial-scale=1.0">