Home Web Front-end HTML Tutorial HTML basics HTML content details _HTML/Xhtml_Web page production

HTML basics HTML content details _HTML/Xhtml_Web page production

May 16, 2016 pm 04:42 PM
html

Let’s start with its body:
When appreciating a web page, the first thing you usually notice is the background of the page. If there is background music, it will be even more attractive! Isn't that right? So how are these achieved? Look below:



1. Background color

We found that the additional bgcolor actually means backgroundcolor (background color), bgcolor="red" sets the background of the web page The color is red, and now the color is generally #ff0000 style.



2. Background image "backgroud" in
is to set the background image. back-ground.gif is the name of the background image. Why do some friends do the same? What if the webpage has no background image? In fact, back-ground.gif is the position of the image relative to this page. For example, if the page you created is placed in c: my website, and the background image is placed in c: my website images, then you have to write it like this : , pay attention to the difference between the two!

3. Background music
Background music is very different from the two introduced above. Its code is placed in the head of the page . Why is it mentioned here? ? Just because it is also the first information we receive when displaying a web page. Take a look at its code:

bgsound Needless to say, background sound. background_sound.mid is the file name of the music. Of course, its relative path must also be written (about relative paths, there may be Netizens, if you can’t figure it out at once, we will introduce it in other sections)! loop, loop, so what does loop="-1" mean? Loop is an attribute of bgsound, of course src is also, followed by the attribute value, then loop="-1" means infinite loop, as long as the page is open, the music will not stop, loop="1" means Loop once, and if it equals 0, it means there is no loop. Haha, it’s not that simple!

4. Other attributes of body: topmargin, leftmargin. When some friends are making pages, they feel that text or tables cannot be placed at the top or left of the browser. What's going on? Because generally the production software or HTML language we use defaults to the topmargin and leftmargin values ​​​​equal to 12. If you set their values ​​​​to 0, you will see what effect it will have! Compare and below. Interested friends can set their values ​​arbitrarily!

Okay, that’s it for this section! Let’s practice on your own computers, haha!
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Table Border in HTML Table Border in HTML Sep 04, 2024 pm 04:49 PM

Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.

Nested Table in HTML Nested Table in HTML Sep 04, 2024 pm 04:49 PM

This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.

HTML margin-left HTML margin-left Sep 04, 2024 pm 04:48 PM

Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.

HTML Table Layout HTML Table Layout Sep 04, 2024 pm 04:54 PM

Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.

HTML Input Placeholder HTML Input Placeholder Sep 04, 2024 pm 04:54 PM

Guide to HTML Input Placeholder. Here we discuss the Examples of HTML Input Placeholder along with the codes and outputs.

Moving Text in HTML Moving Text in HTML Sep 04, 2024 pm 04:45 PM

Guide to Moving Text in HTML. Here we discuss an introduction, how marquee tag work with syntax and examples to implement.

HTML Ordered List HTML Ordered List Sep 04, 2024 pm 04:43 PM

Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively

HTML onclick Button HTML onclick Button Sep 04, 2024 pm 04:49 PM

Guide to HTML onclick Button. Here we discuss their introduction, working, examples and onclick Event in various events respectively.

See all articles