[모각코+] HTML/CSS 11월과정 1일차
코딩 커뮤니티 - 코뮤니티 [파이썬/... : 네이버 카페
코뮤니티 [코딩공부/독학/스터디/대외활동] : python, C언어, java, 자바스크립트, HTML, CSS, 웹/앱개발
cafe.naver.com
이미 완료한 활동이므로 빠르게 업로드 하도록 하겠습니다 :D
개인적으로 비전공자 기준에서는 조금 빠르다고(?) 느끼실 수 있었던 활동이였습니다.
아무래도 중요하다고 생각되는 부분이나 자주 쓰이는 부분만 15일동안 빠르게 흝고 지나가는 활동이기 때문에 주어지는 과제에서 파생되는 개념들을 따로 구글링으로 찾아보며 공부해야 할 것 같습니다.
1일차에서는 html의 정의 및 기본 구조와 자주 사용하는 태그 정리가 과제였습니다 ~
==HTML 기본 구조==
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>제목입력란</TITLE>
</HEAD>
<BODY>
내용입력란
</BODY>
</HTML>
==HTML 태그 종류==
<!-- -->
주석을 정의하는 태그
<a>
다른 컨텐츠와 연결되는 하이퍼링크를 생성, 주로 img와 함께 활용되는 경향이 있다.
<body>
해당 문서의 컨텐츠 영역을 정의한다.
<br>
행 바꿈을 정의한다.
<button>
클릭할 수 있는 버튼을 정의한다.
<div>
HTML 문서에서 특정 영역이나 구역을 정의한다.
<footer>
문서나 특정 섹션의 푸터를 정의할때 사용한다.
ex) 저작권 , 저자 정보 , 연락처 등
<h1~h6>
HTML 문서에서 제목을 정의한다.
h1이 제일 크고, h6이 제일 작다.
<script>
자바스크립트와 같은 클라이언트 사이드 스크립트를 정의한다.
<select>
옵션 메뉴를 제공하는 드랍다운 리스트를 정의한다.
<span>
HTML 문서에서 인라인 요소들을 하나로 묶을 때 사용한다.
<style>
해당 HTML 문서의 스타일 정보를 저장한다.
<table>
데이터를 포함하는 셀들의 행과 열로 구성된 2차원 테이블을 정의한다.
-> <tbody> <td> <th> <tr> 테이블에서 내용 컨텐츠를 하나씩 그룹으로 묶고 셀, 헤더셀, 행 등을 정의한다.