태그 태그는 "preformatted text"를 나타내는 데 사용된다. 일반적으로 코드 블록이나 서식이 있는 텍스트를 나타내는 데 사용된다. 사용 예시 It's commonly used for displaying code: function greet() { console.log("Hello, world!"); } You can also use pre tags to display ASCII art: _______ // 6 6 \\ // ^ ^ \\ ( ( O ) ) \\ _______ // \\_________// // \\ // \\ // \\ --------------- 텍스트 서식과 관련된 태그들 : 강조 : 코드임을 표시 , : 윗 첨자/ 아랫첨자 : 가로 구분선 : : 공백 " : " ..

사용자 입력 받기 - 태그는 HTML에서 사용자 입력을 받는 양식을 생성하는 데 사용된다. 다양한 입력 필드, 버튼, 그리고 전송 방식을 제공한다. 주요 attribute를 알아보자. 태그의 주요 Attribute action : 양식을 제출할 때 데이터가 전송될 URL을 지정한다. /submit_form.php, https://example.com/process_form.php method : 데이터를 서버로 전송할 때 사용할 HTTP 메서드를 지정한다. GET, POST target : 데이터가 전송된 후 응답이 표시될 위치를 지정한다. _self : 현재 창에서 응답 표시(기본 값) _blank : 새 창에서 응답 표시 _parent : 부모 프레임에서 응답 표시 _top : 최상위 창에서 응답 표..

태그는 다른 웹페이지를 현재 페이지에 삽입하는 데 사용된다. 주로 외부 웹페이지를 내부에 포함시키는 데 사용된다. 많이 사용되는 Attribute를 알아보자. 유용한 Attribute src (필수): 삽입할 외부 페이지의 URL 지정 width, height: 의 가로 및 세로 크기를 지정 title: 에 대한 제목을 지정한다. 웹 접근성을 고려할 때 중요한 속성이다. sandbox: 보안을 강화하기 위해 의 실행 환경을 제한한다. allow: 에서 허용할 작업을 지정한다. allow="fullscreen" 과 같이 사용하면, 에서 전체 화면을 허용하는 것이다. frameborder: 주위에 테두리를 표시할지 여부를 정한다. scrolling: 내에서 스크롤바를 표시할지 여부를 정한다. 사용 예시 We..

지금까지 배운 내용들을 종합해서 복습할 겸 생활코딩 강의에서 제시해 주는 웹사이트를 만들어보자. 먼저 아래 내용을 보기 전에 웹사이트를 보고, 직접 만들어 보는 것을 추천한다. WEB1 - Welcome HTML CSS JavaScript WEB The World Wide Web (abbreviated WWW or the Web) is an information space where documents and other web resources are identified by Uniform Resource Locators (URLs), interlinked by hypertext links, and can be accessed via the Internet web-n.github.io 위의 웹페이지를 만들..

html의 태그들은 계층적인 구조를 가지고 있는 트리와도 비슷하다. 트리의 요소들을 형제, 부모, 자식으로 부르듯이 html에도 부모, 자식, 형제 태그가 존재한다. ​ 예를 들어서 아래의 코드를 살펴보자. Heading here Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. item 1 item 2 item 3 다른 모르는 태그들은 일단 무시하고, li, ul 태그부터 알아보자. li 태그는 목차(list)를 나타내는데 쓰인다. 위에서 보이는 것 처럼 li 태그로 묶인 컨텐츠들은 하나의 목차가 되어서 줄바꿈도 자동으로 해준다. 그리고 ul 태그는 목차(li 태그)들을 컨텐츠로 하여 비슷한 흐름의 목차들끼리 묶어주는 역할을 한다. 여기서 ul 태그가 ..

줄바꿈 VS 단락 태그를 통해서 줄바꿈을 할 수 있다. 단락을 바꾸려면 을 여러 번 사용하므로써 단락을 바꿀 수 있다. 태그는 , 와는 달리 감싸야하는 컨텐츠가 없기때문에 태그를 닫지 않는다. 그런데, 단락(paragraph)을 바꾸는 태그가 하나 더 존재한다. 태그를 통해 단락을 그룹핑할 수 있고, 컨텐츠를 그룹핑하면서 단락을 나누는 만큼 과는 다르게 태그를 닫아줘야한다. ​ 는 단락을 표현하는데 사용한다. 은 문장을 강제로 줄바꿈 하고싶을 때 사용한다. 물론 는 단락 간의 간격이 고정되어있고, 은 손쉽게 단락 간격을 조절할 수 있지만 코드의 가독성이나 태그 안에서의 줄바꿈 등의 이유로 조금 귀찮더라도 단락을 구분할 때는 태그를 쓰는 것을 추천한다. When to use vs. What's the ve..