Elemente Block

Stefanescu Mihai 3 years ago HTML
Acest articol face parte din cursul Toate lectiile HTML. Te poti inscrie la acest curs aici!

Toate elementele HTML pot fi puse in doua mari categorii, elemente de tip Block si elemente de tip Inline.

Elemente de tip Block

Elementele de tip block au inainte si dupa ele un line break ( <br/> ). Drept exemplu avem tag-urile <p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <ul>, <ol>, <dl>, <pre>, <hr/>, <blockquote>, <address>, etc. Toate aceste elemente incep pe propria lor linie si orice urmeaza dupa ele apare pe alta linie.

Elemente de tip Inline

Elementele Inline pot fi postate chiar si in interiorul frazelor si nu apar pe o line noua. Drep exemplu avem tag-urile <b>, <i>, <u>, <em>, <strong>, <sup>, <sub>, <big>, <small>, <li>, <ins>, <del>, <code>, <cite>, <dfn>, <kbd> si <var>.Gruparea elementelorSunt doua tag-uri importante ce sunt folosite in mod frecvent pentru a grupa diverse tag-uri HTML <div> si <span>.Div-ulAcesta este un element de tip block foarte important in gruparea diverselor elemente si aplicarea de stiluri CSS pe tot grupul. Acest tag poate fi folosit foarte bine si la creearea de layout-uri de pagini web.Iata un exemplu de layout foarte simplu:

<!DOCTYPE html>
<html>
<head>
<title>Exmple Div-uri</title>
<style>
<!--
#main_head{
	min-height: 65px;
	background: rgba(255, 0, 0, .4);
	font-size: 24px;
	border: 1px solid black;
	margin: 2px;
}
#main_container{
	width: 450px;
	margin: 0 auto;
}
#main_stanga{
	float: left;
	width: 65px;
	background: rgba(0, 0, 255, .4);
	border: 1px solid black;
	margin: 2px;	
}
#main_dreapta{
	float: right;
	width: 65px;
	background: rgba(0, 0, 255, .4);
	border: 1px solid black;
	margin: 2px;	
}
#main_continut{
	float: left;
	border: 1px solid black;
	margin: 2px;	
	width: 67%;
}
#main_footer{
	border: 1px solid black;
	margin: 2px;
	clear: both;
}
-->
</style>
</head>
<body>
<div id="main_container">
	<div id="main_head">Header</div>
		<div id="main_stanga">Stanga</div>
		<div id="main_continut">Continut</div>
		<div id="main_dreapta">Dreapta</div>
	<div id="main_footer">Footer</div>
</div>
</body>
</html>

 Iara aici avem rezultatul:

Span-ul

Acesta este un element HTML inline si poate fi folosit pentru a grupa elemente inline intr-un document HTML. Acest tag nu aduce nici-o schimbare vizuala cand este folosit fara CSS.

<p>Acest text este <span style="color:blue;">albastru</span> iar acesta este <span style="color:green">verde</span></p>

Programator de ~8 ani, am lucrat la proiecte din mai multe industrstrii, de la eCommerce la telecomunicatii la automatizari. In acest timp am folosi diferite tehnologii, de la PHP, MySQL, PostgreSql, RabbitMq, Redis, Memcached si altele.


Get in touch
Pentru nelamuriri, dubii, comentarii si chestii de pe suflet ne putem auzi pe Discord, Reddit sau poti deschide o discutie noua pe forum

compra de albendazole 400 mg en línea en Lima # 4 months ago I'm extremely inspired along with your writing skills as neatly as with the format in your blog. Is this a paid subject matter or did you customize it yourself? Either way stay up the nice quality writing, it's uncommon to peer a nice blog like this one these days..
achat de anafranil 10 # 4 months ago Good answers in return of this matter with genuine arguments and describing the whole thing on the topic of that.
clamoxyl disponible sans ordonnance en Suisse # 4 months ago I do trust all the concepts you've presented for your post. They're very convincing and can certainly work. Still, the posts are very brief for beginners. Could you please lengthen them a little from next time? Thanks for the post.
promethazine sin receta en Colombia # 4 months ago What you published was very reasonable. However, think about this, what if you were to write a awesome title? I mean, I don't want to tell you how to run your blog, however suppose you added something to possibly grab a person's attention? I mean Elemente Block - Invata-Programare is a little boring. You could look at Yahoo's front page and see how they create post headlines to get people interested. You might try adding a video or a related picture or two to grab people excited about everything've written. Just my opinion, it would bring your posts a little livelier.
combivent disponible au Québec # 4 months ago May I simply say what a relief to uncover a person that truly understands what they are talking about online. You certainly understand how to bring an issue to light and make it important. More and more people should look at this and understand this side of your story. I was surprised you aren't more popular given that you most certainly possess the gift.
xiety disponible sin receta en España # 3 months ago Having read this I thought it was rather informative. I appreciate you taking the time and energy to put this informative article together. I once again find myself spending a lot of time both reading and commenting. But so what, it was still worth it!
acheter xybilun en Belgique sans problème # 3 months ago Nice weblog here! Additionally your web site loads up very fast! What web host are you using? Can I am getting your affiliate link to your host? I wish my web site loaded up as quickly as yours lol
amen en vente en ligne en Suisse # 3 months ago Sweet blog! I found it while surfing around on Yahoo News. Do you have any tips on how to get listed in Yahoo News? I've been trying for a while but I never seem to get there! Cheers
Olivia # 3 months ago Wonderful work! That is the kind of info that are supposed to be shared around the internet. Disgrace on Google for now not positioning this put up upper! Come on over and discuss with my web site . Thank you =)
Doris # 3 months ago I am genuinely thankful to the owner of this website who has shared this wonderful article at at this time.
Sherrill # 3 months ago Hello, I wish for to subscribe for this weblog to get latest updates, thus where can i do it please help out.
Kellye # 3 months ago No matter if some one searches for his required thing, thus he/she wants to be available that in detail, therefore that thing is maintained over here.
Swen # 3 months ago I'm curious to find out what blog system you happen to be utilizing? I'm having some small security issues with my latest blog and I'd like to find something more secure. Do you have any suggestions?
Brenda # 3 months ago This blog was... how do I say it? Relevant!! Finally I have found something that helped me. Thank you!
irban en vente en Italie sans ordonnance # 3 months ago I'm impressed, I must say. Seldom do I come across a blog that's both educative and amusing, and without a doubt, you've hit the nail on the head. The problem is something not enough folks are speaking intelligently about. I am very happy that I found this in my search for something relating to this.
Medikamente rezeptfrei erhältlich # 2 months ago Hello, I check your new stuff like every week. Your humoristic style is awesome, keep up the good work!
compra de tedralan en Bélgica confiable # 2 months ago What's up to every body, it's my first pay a quick visit of this webpage; this web site contains remarkable and really fine data in favor of visitors.
bonekwani # 2 months ago <a href="https://www.sommarbutik.com/ralph-lauren-mens-gilet-sale-polor">ralph lauren mens gilet sale</a> <a href="https://www.ahealthynewu.net/cousin-pandora-charm-pandorano">cousin pandora charm</a> <a href="https://www.workschon.com/air-max-90-sneaker-men-cheap-all-grey-shoes-trainers0">air max 90 sneaker men cheap all grey shoes</a> <a href="https://www.scifiindia.com/real-air-jordan-retro-for-sale-runninge">real air jordan retro for sale</a> <a href="https://www.techonesolution.net/louboutin-reddit-louboutinit">louboutin reddit</a> <a href="https://www.goldenpaisa.net/kings-highway-shoe-shoesdk">kings highway shoe</a> bonekwani http://www.bonekwani.com/
Österreich # 2 months ago You could certainly see your skills in the work you write. The arena hopes for more passionate writers like you who aren't afraid to say how they believe. Always follow your heart.
griseofulvin zonder gezondheidsrisico's # 2 months ago I do not even know how I ended up here, but I thought this post was great. I do not know who you are but definitely you're going to a famous blogger if you aren't already ;) Cheers!
mefenamic acid en venta libre en Portugal # 2 months ago I could not refrain from commenting. Exceptionally well written!
Vicky # 2 months ago This is very interesting, You're a very skilled blogger. I've joined your rss feed and look forward to seeking more of your fantastic post. Also, I've shared your website in my social networks!
acheter levothyroxine 100 mcg en Suisse # 2 months ago This is very interesting, You are a very skilled blogger. I've joined your rss feed and look forward to seeking more of your magnificent post. Also, I have shared your site in my social networks!
achat de somnifères à base de sulfasalazine # 2 months ago Its like you read my mind! You seem to know a lot about this, like you wrote the book in it or something. I think that you can do with a few pics to drive the message home a bit, but other than that, this is great blog. A fantastic read. I'll certainly be back.
Medikamente in Marokko erhältlich # 2 months ago Very soon this site will be famous amid all blog people, due to it's fastidious articles or reviews
precio de actoplus-met con receta médica # 2 months ago Hey! Someone in my Facebook group shared this site with us so I came to give it a look. I'm definitely enjoying the information. I'm book-marking and will be tweeting this to my followers! Exceptional blog and excellent design and style.
vente en ligne de panotile # 2 months ago Greetings from Carolina! I'm bored at work so I decided to browse your website on my iphone during lunch break. I really like the knowledge you present here and can't wait to take a look when I get home. I'm surprised at how quick your blog loaded on my cell phone .. I'm not even using WIFI, just 3G .. Anyways, fantastic site!
Bestellung von quibron # 2 months ago Way cool! Some very valid points! I appreciate you penning this write-up and also the rest of the website is really good.
Franklin # 2 months ago Good day! This is my first comment here so I just wanted to give a quick shout out and tell you I truly enjoy reading through your blog posts. Can you suggest any other blogs/websites/forums that cover the same subjects? Thanks!
dove è possibile acquistare acorspray in Italia # 2 months ago Hi to every body, it's my first pay a quick visit of this website; this web site consists of remarkable and in fact good stuff for readers.
Devin # 2 months ago Please let me know if you're looking for a writer for your site. You have some really good articles and I feel I would be a good asset. If you ever want to take some of the load off, I'd absolutely love to write some articles for your blog in exchange for a link back to mine. Please blast me an e-mail if interested. Cheers!
Elisabeth # 2 months ago Post writing is also a fun, if you know then you can write if not it is difficult to write.
kaufe warfin legal in Belgien # 2 months ago We're a bunch of volunteers and starting a new scheme in our community. Your web site provided us with valuable info to work on. You have done a formidable activity and our whole group will be grateful to you.
zyloprim en ligne sans ordonnance en France # 2 months ago We are a gaggle of volunteers and opening a brand new scheme in our community. Your website provided us with valuable info to work on. You have done a formidable task and our whole neighborhood will be thankful to you.
beschikbaarheid van cefida in Rotterdam # 2 months ago Wow that was strange. I just wrote an extremely long comment but after I clicked submit my comment didn't appear. Grrrr... well I'm not writing all that over again. Anyways, just wanted to say wonderful blog!
Preis von bonmax in der Apotheke # 2 months ago This post presents clear idea in favor of the new users of blogging, that in fact how to do blogging.
peut-on avoir buspirone sans ordonnance en France # 2 months ago Hi! Would you mind if I share your blog with my facebook group? There's a lot of people that I think would really enjoy your content. Please let me know. Cheers
Niederlande # 2 months ago Thanks to my father who stated to me concerning this website, this webpage is truly remarkable.
où trouver du astelin en France # 2 months ago I loved as much as you'll receive carried out right here. The sketch is tasteful, your authored material stylish. nonetheless, you command get bought an nervousness over that you wish be delivering the following. unwell unquestionably come further formerly again as exactly the same nearly a lot often inside case you shield this hike.
cefadroxon disponible sans ordonnance en Espagne # 2 months ago Its not my first time to visit this site, i am browsing this site dailly and take nice facts from here everyday.
kopen ampicillin in Duitsland # 2 months ago I’m not that much of a online reader to be honest but your blogs really nice, keep it up! I'll go ahead and bookmark your website to come back down the road. Cheers
diflucan facilement accessible # 2 months ago Heya fantastic website! Does running a blog like this require a massive amount work? I have no understanding of computer programming but I had been hoping to start my own blog in the near future. Anyways, should you have any ideas or techniques for new blog owners please share. I understand this is off topic nevertheless I just had to ask. Appreciate it!
Medikamente online zum Verkauf # 1 month ago You should take part in a contest for one of the best websites on the web. I am going to recommend this website!
modvigil ohne Rezept in Frankfurt # 1 month ago Hello There. I found your blog using msn. That is a really neatly written article. I'll make sure to bookmark it and return to read extra of your helpful information. Thank you for the post. I'll certainly comeback.
Medikamente in Belgien leicht kaufen # 1 month ago Link exchange is nothing else but it is only placing the other person's website link on your page at proper place and other person will also do same for you.
dove reperire rabeprazole # 1 month ago Attractive component of content. I just stumbled upon your website and in accession capital to assert that I get in fact enjoyed account your weblog posts. Anyway I will be subscribing on your feeds or even I success you access consistently rapidly.
Medikamente ohne Rezept in Belgien kaufen # 1 month ago Keep on writing, great job!
Javier # 1 month ago I simply couldn't leave your web site prior to suggesting that I extremely enjoyed the usual information a person provide on your visitors? Is going to be back incessantly to inspect new posts
die Medikamente verkauft # 1 month ago Wow, that's what I was searching for, what a information! existing here at this webpage, thanks admin of this site.
Elba # 1 month ago If some one needs expert view on the topic of running a blog after that i recommend him/her to pay a visit this webpage, Keep up the fastidious job.
acquista chrisale senza prescrizione in Italia # 1 month ago After looking over a handful of the blog posts on your website, I honestly appreciate your technique of writing a blog. I bookmarked it to my bookmark site list and will be checking back soon. Please check out my website as well and let me know your opinion.
syeda w sprzeda?y online w Krakowie # 1 month ago Hi there! I just would like to offer you a huge thumbs up for the great info you have got here on this post. I am returning to your blog for more soon.
Wo Medikamente kaufen # 1 month ago Ahaa, its good conversation concerning this paragraph here at this web site, I have read all that, so now me also commenting here.
Medikamente ohne Rezept in bestimmten Ländern frei erhältlich # 1 month ago Thank you, I have just been looking for info approximately this topic for a long time and yours is the greatest I have found out so far. But, what concerning the bottom line? Are you sure about the source?
où acheter du amen sans ordonnance # 1 month ago I do not even understand how I finished up here, however I thought this post used to be great. I do not recognise who you might be but certainly you're going to a well-known blogger in the event you are not already. Cheers!
farmacia en línea de isoglaucon en España # 1 month ago Incredible story there. What happened after? Thanks!
Shawn # 1 month ago Greetings from Ohio! I'm bored to death at work so I decided to check out your blog on my iphone during lunch break. I love the information you present here and can't wait to take a look when I get home. I'm amazed at how quick your blog loaded on my cell phone .. I'm not even using WIFI, just 3G .. Anyways, awesome blog!
Augustus # 1 month ago Yes! Finally something about Understanding male pattern baldness.
nessuna prescrizione necessaria per acquistare nebivolol in Svizzera # 2 weeks ago I'm curious to find out what blog system you happen to be using? I'm experiencing some minor security issues with my latest website and I would like to find something more safe. Do you have any solutions?
diltiazem vrij verkrijgbaar in Parijs # 2 weeks ago Hey I am so thrilled I found your webpage, I really found you by accident, while I was searching on Google for something else, Nonetheless I am here now and would just like to say thank you for a fantastic post and a all round thrilling blog (I also love the theme/design), I don’t have time to read it all at the minute but I have bookmarked it and also included your RSS feeds, so when I have time I will be back to read much more, Please do keep up the great jo.
BVZ_Moskva_m # 1 week ago Моментально возводимые здания: прибыль для бизнеса в каждом элементе! В сегодняшнем обществе, где время равно деньгам, экспресс-конструкции стали решением по сути для экономической сферы. Эти современные конструкции обладают повышенную прочность, финансовую экономию и молниеносную установку, что дает им возможность первоклассным вариантом для разнообразных коммерческих задач. <a href=https://bystrovozvodimye-zdanija-moskva.ru/>Быстровозводимые здания</a> 1. Быстрое возведение: Минуты - важнейший фактор в финансовой сфере, и экспресс-сооружения обеспечивают существенное уменьшение сроков стройки. Это чрезвычайно полезно в вариантах, когда актуально оперативно начать предпринимательство и начать извлекать прибыль. 2. Экономия средств: За счет совершенствования производственных операций по изготовлению элементов и монтажу на площадке, затраты на экспресс-конструкции часто приходит вниз, по сравнению с традиционными строительными проектами. Это обеспечивает экономию средств и обеспечить более высокую рентабельность вложений. Подробнее на <a href=https://bystrovozvodimye-zdanija-moskva.ru/>scholding.ru</a> В заключение, быстровозводимые здания - это лучшее решение для проектов любого масштаба. Они объединяют в себе быстроту монтажа, бюджетность и надежные характеристики, что обуславливает их идеальным выбором для компаний, готовых к мгновенному началу бизнеса и получать деньги. Не упустите шанс экономии времени и денег, лучшие скоростроительные строения для вашего следующего проекта!
acheter du nebivolol en Espagne # 5 days ago I do believe all of the concepts you have introduced to your post. They're very convincing and will certainly work. Nonetheless, the posts are very quick for starters. May just you please extend them a little from subsequent time? Thanks for the post.
België # 4 days ago I've learn some excellent stuff here. Certainly price bookmarking for revisiting. I wonder how so much effort you set to create any such wonderful informative website.
waar dilatrane 400 mg vinden in de apotheek # 3 days ago My brother recommended I might like this web site. He was once entirely right. This publish truly made my day. You cann't believe simply how a lot time I had spent for this information! Thank you!
aceon a un prezzo competitivo # 3 days ago I am regular reader, how are you everybody? This paragraph posted at this site is genuinely pleasant.
acheter adapalen en ligne # 2 days ago Definitely believe that which you said. Your favorite justification seemed to be on the internet the simplest thing to be aware of. I say to you, I definitely get irked while people consider worries that they just don't know about. You managed to hit the nail upon the top as well as defined out the whole thing without having side effect , people can take a signal. Will probably be back to get more. Thanks
Online-Kauf von Medikamenten in Frankreich # 23 hours ago Hi there, just wanted to say, I liked this post. It was inspiring. Keep on posting!
Club-ul este dedicat membrilor si ofera access la mai multe zone ale website-ului.
Login Register

🔖 Bookmarks
✨ Pentru a sustine aceasta comunitate am sa te rog sa te autentifici sau sa te inregistrezi!

🌪️ Discord
Back to top
Folosim cookie-uri pentru a oferi functionalitatile critice ale aplicatiei Invata-Programare. Folosim cookie-uri si pentru a analiza traficul, pentru care e nevoie de consimtamantul dvs. explicit.