HTML style tag와 css 에 대한 이해

HTML Tag Style 관련 구조가 어떻게 되는지 도식화 하면 다음그림과 같은 것을 확인할 수 있다.
CSS(Cascading Stylesheets; 종속형 스타일시트)는 HTML을 익힌 후 가장 먼저 배워야할 웹기술입니다. HTML이 컨텐트의 구조와 의미를 정의하는 반면, CSS는 스타일을 지정하고 레이아웃을 지정하는 데 사용됩니다. 예를 들어, CSS를 사용하면 컨텐트의 글꼴, 색상, 크기 및 간격을 변경하거나, 여러 개의 열로 분할하거나, 애니메이션이나 기타 장식 효과를 추가할 수 있습니다.

상세보기


구글 크롬에서 ‘도구 더보기’->’개발자 도구’ 를 선택 하면 Web Page의 구조를 확인 할 수 있다.


<!DOCTYPE html>
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<pt>This is a paragraph.</pt>
</body>
</html>


출력 결과

This is a heading

This is a paragraph.

“HTML style tag와 css 에 대한 이해”의 45개의 댓글

  1. Hey I know this is off topic but I was wondering if you knew of any widgets I could add to my
    blog that automatically tweet my newest twitter updates.
    I’ve been looking for a plug-in like this for quite some time and was hoping maybe you would have some experience with something like this.
    Please let me know if you run into anything. I truly enjoy reading your blog and I look forward to your new updates.

  2. Superb website you have here but I was curious if you knew of any discussion boards
    that cover the same topics discussed in this article?

    I’d really like to be a part of online community where I can get feed-back from other knowledgeable individuals that share the same interest.
    If you have any suggestions, please let me know. Thanks a lot!

  3. When I originally commented I clicked the “Notify me when new comments are added” checkbox and now each time a comment is added I get several
    emails with the same comment. Is there any way you can remove people from
    that service? Thanks a lot!

  4. Hiya very cool blog!! Guy .. Excellent .. Amazing ..
    I’ll bookmark your blog and take the feeds also? I’m happy to seek
    out a lot of helpful info here in the put up, we’d like develop extra techniques in this regard, thanks for sharing.
    . . . . .

  5. I was wondering if you ever thought of changing the page layoout of your
    blog? Its very well written; I love what youve got to say.
    But maybe youu could a little more in the way of content so people ould connect with
    it better. Youve got an awful lot of text for onlyy having 1
    or two pictures. Mayhbe you could space it out better?

    https://medium.com
    cheaqp essay writing service
    cheap essay writing service
    https://arghyskiff.medium.com/ https://medium.com/@cenniesist/analytical-essay-example-b899448df725

  6. hello there and thank you for your info ? I?ve definitely picked up anything new from right
    here. I did however expertise several technical points using this website, as I experienced to reload the website a lot of times
    previous to I could get it to load properly. I had been wondering
    if your web host is OK? Not that I’m complaining, but slow loading instances times will often affect your placement
    in google and can damage your high-quality score if ads and marketing with Adwords.

    Anyway I am adding this RSS to my email and could look out
    for much more of your respective exciting content.
    Ensure that you update this again soon..

    Here is my homepage :: http://redwoodcbd.net/

  7. You really make it seem so easy with your presentation but I find this
    topic to be really something which I think I would never understand.
    It seems too complex and extremely broad for
    me. I’m looking forward for your next post, I’ll try to get the hang of
    it!

  8. I have been explloring for a bitt for any hugh quality articles or blog posts on this kind
    of area . Exploring in Yahoo I finally stumbled upon this site.
    Reading this information So i amm satisfied to exhbit that I have
    an incredibly excellent unjcanny feeling I discovered just what I needed.
    I most surely will make sure tto do not overlook this site and give it
    a llook regularly.
    https://essayhelpforall.com
    paper writing services
    paper writing services
    https://essayhelpforall.com https://essayhelpforall.com

  9. Fantastic items from you, man. I’ve consider your stuff prior to and you’re
    just extremely magnificent. I really like what you’ve received right here,
    certainly like what you’re stating and the way during which
    you assert it. You make it entertaining and you continue to care for to keep it sensible.
    I can not wait to learn far more from you. This is actually a wonderful web site.

    Feel free to surf to my web site: http://kontinent.gorod47.ru/user/SonCantamessa21/

  10. Witth havin so much content and articles do you ever run into any issues of plagorism oor copyright infringement?
    My site has a lot of completely unique content I’ve either athored myself or outsourced but
    it looks like a lot of iit is popping it up aall over the internet without my permission. Do you know anyy methods to help
    prevent content from being stolen? I’d certainly appreciate it.

    https://pattrucpark.medium.com/
    write my custom paper
    write my ustom paper
    https://pattrucpark.medium.com/starting-a-persuasive-essay-62a79098e071 https://hubey6ldywuvk.medium.com

  11. I blog often and I seriously appreciate your content.
    This great article has really peaked my interest.

    I’m going to bookmark your website and keep checking for new details about once a week.
    I opted in for your Feed too.

  12. Hi, I do believe this is an excellent blog.
    I stumbledupon itt 😉 I may come back yet again since i have book marked it.

    Money and freedom is the greatest way to change, may you be rich and continue to guide others.

    https://kiev.informator.ua/2020/01/10/maksim-ivanchuk-otzyvy-schastlivyh-patsientov-luchshaya-nagrada-dlya-plasticheskogo-hirurga/
    Mаксим Иванчук отзывы
    Mаксим Иванчук отзывы https://kiev.informator.ua/2020/01/10/maksim-ivanchuk-otzyvy-schastlivyh-patsientov-luchshaya-nagrada-dlya-plasticheskogo-hirurga/

  13. Hi there, its good paragraph regarding media print, we all understand media iis
    a great source oof information.
    https://nr2.com.ua/zdorove/2020/05/29/ivanchuk-maksim-otzyvy-hirurga-o-tipah-rinoplastiki/
    максим иванчук пластический хирург
    максим иванчук пластический хирург https://toneto.net/news/26-03-2020/maksim-ivanchuk-otzyvy-khirurga-ob-avtorskoj-mjetodikje-modjelirovanija-tjela

  14. magnificent issues altogether, you simply won a new reader.
    What coould you recokmend about your post that you made a few dayss ago?
    Any certain?
    https://www.medcentre.com.ua/vrachi/ivanchuk-maksim-sergeevich.html
    максим иванчук пластический
    хирург отзывы
    максим иванчук пластический хирург отзывы https://www.medcentre.com.ua/vrachi/ivanchuk-maksim-sergeevich.html

  15. Hi there, I found your blog by way of Google at the same time as looking for a comparable topic, your
    site came up, it appears great. I have bookmarked it in my google bookmarks.

    Hi there, just changed into aware of your weblog via Google, and found that it’s truly informative.
    I am going to watch out for brussels. I’ll be grateful when you
    continue this in future. Lots of other people might
    be benefited from your writing. Cheers!

  16. Wonderful beat ! I wish to apprentice while you amend your site, how
    could i subscribe for a blog website? The acxount helped me a
    acceptable deal. I had been a little bit acquainted off this your broadcast offered bright clear idea
    https://collegeapplicationessaywritingservice.info/ways-to-write-an-argumentative-essay.html
    writing an essay
    writing an essay
    https://collegeapplicationessaywritingservice.info https://collegeapplicationessaywritingservice.info/argument-in-essay-writing.html

  17. 핑백: electricians

  18. Вы думали о своем здоровье пока Вы здоровым и жизнерадостны? Каждый из нас начинает думать о том что он болен только тогда, когда столкнулся с проблемой здоровья.
    И обычно это бывает уже очень поздно.
    По этому лучше заблаговременно начинать что то делать, чтоб в будущем быть здоровым и жизнерадостным.
    Я вычитал много полезного и важного из одного сайта и по сей день использую техники для улучшения своего здоровья.
    Вот несколько полезных статей:
    https://yazdorovv.com/bolezni-lechenie/oporno-dvigatelnaya-sistema/47-skolko-stoit-narastit-zub.html

답글 남기기