HTML - Primii pasi

Tot ce se poate vorbii despre HTML gasesti aici.

Moderators: Moderator ajutator, Moderator

skill +4
skill +4
User avatar
Status: Offline
Posts: 348
Registered for: 11 years 5 months
11
Status: Working
Location: #Define
Contact:

HTML - Primii pasi Post by MytzaMytz »

Ce este HTML
Html sau HyperText Markup Language este unul dintre cele mai vechi limbaje de marcare web. Acesta sta la baza crearii unui site web. Cu alte cuvinte, inainte de a invata alte limbaje de programare trebuie sa cunosti cel putin HTML.

Acest sir de tutoriale html este conceput pentru a-ti oferi putina experienta, pentru ca tu sa fi capabil sa citesti si sa scri in HTML, sa poti salva corect documentele si sa poti, dupa aceea sa vizualizezi toata "osteneala" intr-un browser web. Din pacate aceeasta pagina nu detine o rubrica pentru a te invata sa folosesti functiile de baza ale unui calculator, asa ca in acest sens poti sa ceri ajutorul unui prieten pentru a putea fii initiat in urmatoarele:

- Sa stii ce este un notepad si cum se foloseste
- Sa stii sa deschizi un fisier folosind Internet Explorer (sau oricare alt browser la alegere)
- Sa stii ce este si cum se face un copy/paste
--------------------------------------------------------------------------------------------------
Prima pagina web
Pentru inceput copiaza urmatorul cod HTML in notepad. Aigurate ca operatiunea a fost executata corect, in caz contrar pagina nu va functiona.

Code: Select all

<html>

<head>

</head>

<body><h2>Www.MineCraft-Romania.Com!</h2>

</body>

</html>
Codul de mai sus, este tot ceea ce iti trebuie pentru a crea o pagina web de baza. Acum poti salva documentul in notepad selectand din meniul "File", optiunea "Save As". In fereastra care se deschide, selecteaza "All Files". Vom da un nume fisierului, de exemplu "index.html", fara ghilimele. Verifica de doua ori innainte de a apasa butonul "Save". O sa te rog sa incerci sa iti aduci aminte unde ai salvat fisierul deoarece vom lucra cu acest fisier ceva mai tarziu.
------------------------------------------------------------------------------------------------
Vizualizarea primei pagini web - Browsers
Pentru a putea vedea pagina, va trebuii sa folosesti un browser. Browser-ele sunt programele de internet care interpreteaza codurile HTML, asemanatoare cu acele pe care le-ai copiat si salvat in notepad. Acestea transforma codul HTML intr-o pagina web care poate fi citita de orice internaut. Cele mai folosite browsere sunt:

- Internet Explorer
- FireFox
- Opera
- Chrome (Eu recomand Chrome)
- Safari
--------------------------------------------------------------------------------------------------
Vizualizarea primei pagini
Pentru a putea vizualiza pagina web, trebuie sa deschizi fisierul "index.html" intr-un browser. In acest sens, deschide o noua fereastra de Internet Explorer si urmareste intructiunile:

- Din File selecteaza Open.
- Click pe Browse pentru a deschide un Windows Explorer.
- Te duci acolo unde ai salvat si dai click pe el.

Cam asta este tot,va astept parerile despre acest tutorial.
Last edited by WoophRadu on 12 Sep 2013, 01:32, edited 1 time in total.
Reason: Titlu editat
Image
skill +3
skill +3
Status: Offline
Posts: 221
Registered for: 10 years 4 months
10
Status: NEBUN
Location: Oradea

Re: HTML - Primii pasi Post by EH!DE.DSG »

Ai uitat doctype! si <title>.
skill +2
skill +2
Status: Offline
Posts: 112
Registered for: 10 years 4 months
10
Status: import org.bukkit.command.*;
Cont Premium: ChrystianSandu
Location: 127.0.0.1

Re: HTML - Primii pasi Post by ChrystianSandu »

*<Doctype! HTML> - nu il recomand. Este bun doar daca in acel document se afla DOAR HTML. (ceea ce este putin probabil). Daca vrei sa il asociezi cu un php (in acelasi fisier) atunci <Doctype-ul te va opri. Iar <title> nu este obligatoriu, este doar un nume care il poti da paginii.
<style> - este pe CSS, dar oricum uite un exemplu clar de HTML:

Code: Select all

 <html> 
 	<title>HTML with PHP</title>
 		<body>
 			<style>
				body 
					{
    					background-color: #b0c4de;
    					margin: 0px;
    					position: relative;
    					font: normal 16px/20px Arial;
					}
				h1 {margin: 0px; padding: 0px; letter-spacing: -1px;}
				.wrap {width: 100%; margin: 0 auto;}
				.logo {position: relative; top: 200px; left: 20%; width: 250px; height: 500px; padding: 20px;}
				.account {position: absolute; top: 250px; right: 20%; width: 185px; height: 375px; background: white; border: 5px solid #ddd; padding: 20px;}
			</style>
 			<h1>My Example</h1>
 			<form action="admin.php" method="post" >
				<div class="account">
					<p> Full name: <p> <input name = "fullname" type="text" class="textfine" />	
					<p> Username: </p> <input name = "username" type="text" class="textfine" />	
					<p> Email: </p> <input name = "email" type="email" class="textfine" />
					<p> Repeat email </p> <input name = "remail" type ="email" class="textfine" />
					<p> Password: </p>  <input name = "password" type = "password" class="textfine" />
					<p> Repeat password: </p> <input name = "rpassword" type = "password" class="textfine" />
				<p> <input class="button" name="submit" value = "Submit" type = "submit"/> </p>
			</form>
 		</body>
 </html>
Post a new topic Post a reply

Return to “HTML”