HTML 1 일차 공부

Programming Language/HTML | CSS | JS

HTML 1 일차 공부

chaerlo127 2021. 12. 28. 23:45

https://www.advancedwebranking.com/seo/html-study/

HTML Study

Overview This HTML usage data comes from 11.3 million index pages gathered from top twenty Google results, for about 30 million keywords - chosen by keyword volume. To learn more about this data, visit the FAQ section. Total 11,264,652 pages Doctype The

www.advancedwebranking.com

http://tcpschool.com/html-tags/intro

코딩교육 티씨피스쿨

4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등

tcpschool.com

1. <strong></strong>

2. <u></u>

3. <h1></h1> -> h2, h3, h4, h5, h6

4. <br><br> -> img, input, br, hr, meta 는 태그를 닫지 않음

5. <p></p>

단락을 표현할 때에는 줄 바꿈 br 대신에 단락 p를 자주 사용한다.

p는 단락단락 고정되어 있어서 시각적으로 떨어진다.(CSS 사용, <p style="margin-top:45px;">)

6. <img src="" width="100%"> -> [속성] src, width

7. <li></li> : list

8. <ul></ul> : 경계 표시 ( unordered list) 순서 없는 목록

9. <ol></ol> : ordered list 순서 있는 목록

10. <head></head>

11. <body</body>

12. <!doctype html>

13. <a></a> : anchor

<a href="https://www.w3.org/TR/html5/" target="_blank" title="html5 specification"></a>

- 연습 HTML

: 오늘 처음 Html을 제대로 공부해봤는데, 간단한 Web을 생성해보았다.

<!DOCTYPE html>
<html> 
    <head>
        <title>
            Winter Vacation Planning
            <meta charset="utf-8">
        </title>
    </head>
    <body>
        <h1>Winter Vacation Planning</h1> 
        <h3>2021년도 2학년 2학기 겨울방학에 할 일</h3>
        <ol>
            <p>
                드디어 끝나지 않을 것 같던 2학기가 가고 종강을 하게 되었다. 
                진짜 이번학기에 여태까지 중에 제일 힘들었다(전공, 동아리, 팀플,, 알바,, 등등)
                대학만 오면 놀 수 있다는사람 다 어디감,,</p>
    
            <p>등등,,, 여기까지만 써야징</p>
        </ol>
      
        <p>
            <img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FCk0zv%2FbtrolTQFyNR%2FH1zJmooqkrUVzMdbtoGjxK%2Fimg.jpg" width="20%">
            <p> - <strong>소프트웨어학부 대학생</strong>의 겨울방학 할 일(2021년도 2학년 2학기 겨울방학)</p>
            <ol>
                <li>umc 앱 런칭 무사히 끝내기</li>
                <li>JAVA 공부</li>
                <li>Spring boot 공부</li>
                <li><a href="https://namu.wiki/w/SQLD" target="_blank">SQLD</a> 자격증 공부 -> 1월달에 자격증 일정 찾아보기</li>
                <li>앱 개발하면서 개발일지 Notion에 작성</li>
                <li>블로그 작성 열심히-> 여태까지 했던 대외활동, 동아리 활동 작성, 일상작성, 개발 개념 공부
                </li>
                <li>아르바이트</li>
                <li>⭐드라마&영화보기⭐</li>
                <li>전화영어 & 영어단어</li>
            </ol>
        </p>
        <p>
            <li>
                <a href="https://monynony0203.tistory.com/17" target="_blank">원본 글</a>
            </li>
        </p> 
        <ul>
            <li>생활코딩 Youtube</li>
        </ul>
        <iframe width="560" height="315" src="https://www.youtube.com/embed/MLXlXCwA0T4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    </body>
</html>

아직은 많이 어렵지만, Web programming을 하면서 바로 결과가 도출되는 것이 흥미로웠다.

앞으로 더욱더 열심히 공부해야징

[출처] 생활코딩

저작자표시