00:06This video will provide a tutorial for HTML5 in Visual Studio, in which we will...
00:13a user registration form plus wallpaper with the main concepts of
00:17The first step in programming is to create a folder on the desktop; in our case, it will be named "test".
00:24Next, we add a file called index html. The important thing here is that we have to type in the
00:31In the HTML workspace, we select HTML 5 and it automatically generates the programming code.
00:37Here's the code: doc tp html informs the browser which version of html or xml was used
00:48for
00:48Writing the document doc tp is a declaration not a tag in html lang equals to in this is
00:56Basically, a meta tag that indicates the language in which a page is written.
01:01The page we have is the first of the two parts in which an HTML document is structured; it resides
01:09information about the document and is generally not seen when browsing it in the ed is put the
01:17The full element "title" is a brief description that identifies the page within the hit.
01:23Setting the meta encoding to utf-8 is crucial for browsers and search engines to interpret
01:29correctly the content of your page we also have meta http kiv equal to xua compatible singer
01:37equals and equals it shows the sites enabled for Google Chrome frame using the technology of
01:46Google Chrome rendering also has metaname equal to and for singer equal to quiz equal to
01:51A device width and minimum scale equal to 1.0; this helps us define what screen area is
01:57What level of scaling is available when rendering a document, and if so, what is the level of scaling the user can perform, and whether
02:03The browser should display it with some zoom; we also have the title tag, which is an HTML code tag that
02:10It allows you to give a page a title, then we have body, which represents the content of a document.
02:17These are the main parts of a web page design in HTML5. Let's go to the title where
02:26We changed the name of the user registration, then in the body we typed the title "user registration"
02:36There are different levels of titles from 1 to 6; the h tags plus a number allow us to indicate the
02:44importance of the title and to structure the content afterwards we type the form tag
02:50which allows us in programming to declare that it is a form within the prompt we type input type the
02:56The input element represents a typed data field that is typically associated with a control that allows...
03:01Users can edit their value, we say text type with identity name in placeholder allows us to
03:07assign a name within the form rectangle, watermark type, this equals names of
03:17user with a rectangle length of 25 in cc again we type input type we say text type
03:34This is the same password with a rectangle length of 25 in cc
04:08We type input type, we say button type or button, here we perform onclick is a property available on the button or, of
04:15In fact, in any element of the page, this equals a function, name capture, we close this tag, then we assign, record,
04:24and we close the button label.
04:29Now, we go to the Visual Studio explorer, right-click on the file, index.html, and proceed to display
04:37In the preview, we can see the website design, which is correct, but the elements are too close together.
04:48To change this, we assign the BR label, which is the line break.
05:10Now, to set a background image, we type, in the, body background equal to, html script versus html 5 script,
05:18png, this tells us that in body with the background property, image background, is equal to image name,
05:24previously downloaded,
05:26We move this image to the working folder called test, its name and image file extension, and
05:32We're closing the body.
05:35The previous image was an example, named "background dot" with the extension "gif", but we already have the image in
05:41the working folder, and we observe that we have the background image set.
05:51That's all, if you found the video helpful, don't forget to subscribe.
Comentarios