본문 바로가기

STUDY/FE

[생활코딩] HTML & Internet -(1)

728x90

****쉽지만 중요한 것// 하찮게 보지말기

****무엇을 모르는지 알면 검색엔진을 이용해서 검색할 수 있다.

****통계를 기반으로 공부 방향을 스스로 설정하고 유리하게 상황을 해석하기

****일반인의 제목과 지식인의 제목은 눈으로 보기에 완전 같지만 코드가 완전 다르다.

****정보사회에서 HTML을 의미에 맞게 잘 사용하는 것은 매우 중요

****HTML은 비즈니스적인 측면에서도 중요하지만, 휴머니즘적인 측면에서도 중요한 기술

**** 가장 멋있는 글 : https://opentutorials.org/module/3135/18488

◎ HTML 

1)웹 페이지를 만드는 코드

2)쉬움

3)중요

 

◎ 퍼블릭 도메인(Public Domain)

저작권이 없는 것

 

◎ W3C(The World Wide Web Consortium)

국제 민간 표준화 기구 홈페이지

W3C에 소속된 여러 기업과 기관들의 논의를 통해서 웹이 만들어진다.

https://www.w3.org/

 

World Wide Web Consortium (W3C)

W3C offers an Inclusion Fund and Fellowships for TPAC 2021 29 June 2021 | Archive 60% of the world is online and we want and need to reflect the diversity of the whole world as more people continue to access, use and create the web. We believe that more di

www.w3.org

◎ 구글에서 분석한 전 세계 웹

https://www.advancedwebranking.com/html/

 

The average web page from top twenty Google results

Apparently, an average web page uses thirty-two different element types: The thirty-two elements used on most pages, ordered by appearance frequency:

www.advancedwebranking.com

26개 정도의 태그를 사용하는 사이트가 제일 많음

 

태그별 인기도

 

◎ 태그

<strong> </strong> : 글씨 진하게

<u> </u> : 밑줄

<meta charset="utf-8"> : 한글이 깨지면 추가 해보기

<h1> </h1> : heading1 , 가장 큰 제목 태그 /// <h1>~ <h6>

<br> : 줄바꿈

 

<p> </p> : 단락paragraph 태그 // 단점: 단락 고정으로 시각적 자유도 떨어짐//CSS로 한계 극복 가능

예시 <p style ="margin-top:45px;"> : p태그 위에 45px 만큼의 여백 생성

 

+++닫지 않는 태그 : img, input, br, hr, meta

 

◎ CSS 

HTML이 정보를 표현하면 CSS는 정보를 꾸며준다.

 

 

 

 

 

 

 

 

728x90

'STUDY > FE' 카테고리의 다른 글

CSS 기억 요소  (0) 2021.07.12
Node.js  (0) 2021.06.03