Frontend/HTML, CSS17 [HTML] HTML 기본 내용 웹 페이지를 구성하는 요소는 텍스트, 이미지, 버튼 등 다양 ※ 기본 구성 요소 1) 태그 : 웹 페이지를 구성하는 요소(텍스트, 이미지, 버튼 등)를 정의하는 역할. HTML 문법을 이루는 가장 작은 단위 식의 형태 2) 속성 : 태그에 어떤 의미나 기능을 보충하는 역할 (aka. 옵션) -> 사용해도 되고, 안 해도 됨 + 여러 개 사용 가능. 형태 속성값이 여러개이면 큰 따옴표 안에 콤마로 연결 3) 문법 : 태그와 속성으로 문법을 구성 (3-1) content(내용)가 있는 문법 : 콘텐츠의 앞뒤를 태그로 감싸야 함. My First Web (3-2) content(내용)가 없는 문법 : 태그로 앞뒤를 감쌀 필요가 없는 "빈 태그" 시작요소가 곧 요소. ex) 태그 4) 주석 : 실행결과에는 나타.. 2023. 7. 8. [HTML] 개발 환경 설정하기 * 개발 환경 설정 : 코드를 작성하고 실행하기 위해 여러 프로그램이 필요한데, 이러한 프로그램을 설치하고 준비하는 과정 * 확장 프로그램 (Extension) : 코드 작성에 도음이 되는 유익한 프로그램 1) Live Server : 가상 서버를 이용해 작성한 HTML 코드를 실시간으로 확인할 수 있는 확장 프로그램 2) Auto Rename Tag : HTML의 처음과 끝 코드 중 하나만 수정했을 때, 나머지 하나도 똑같이 수정해주는 프로그램 3) HTML to CSS autocompletion : HTML 문서에서 class 속성으로 작성한 값을 연결된 CSS 파일에서 자동 완성 지원. 4) HTML CSS Support : CSS 파일에서 작성한 클래스나 아이디 선택자 값을 연결된 HTML 문서의.. 2023. 7. 8. CSS(2) [내용 출처] 생활코딩 WEB 4강 스타일시트 : 웹 문서의 출력될 외형 스타일로 크기 색상 등의 스타일을 일괄 적용 가능(글자간격, 문단 간격, 위치 등 자세한 부분까지) CSS 스타일시트 구성요소 선택자 : 스타일 설정할 대상이 되는 태그 / 두 개 이상일시, 콤마로 구분 가능. 속성 선언 속성:속성값; # 합치면.. 선택자{ 속성:속성값; } # 폰트 지정하기 1) 폰트 스타일 font-style: font-size: font-weight: # div와 span 태그 : 문서의 일부분, 문장의 일부분을 구분해서 그룹핑 : div는 블록단위 요소 : span은 인라인 요소 # id 속성과 class 속성 스타일 태그에 #아이디 이름 / .class 이름 / 작성. id=“아이디 이름” / class=.. 2021. 10. 9. CSS 생활코딩(1) [내용출처] 생활코딩 WEB # CSS의 등장 이유 HTML 하나로 전자문서를 만들 수 있었는데 더 보기 좋은 웹 페이지를 만들기 위해서 등장. - HTML의 디자인이 CSS/ 더 효율적이다. # : # 주석처리 시 표현 방법 # 선택자: a 선언문: {}안에 있는 내용 color는 property(효과) color의 속성은 property value # html의 속성으로서도 사용 가능함. style=“color:red” (속성) 전체포함으로는 스타일 태그로 하고 특정 부분 바꾸려면 스타일 속성으로 수정 #글자 크게 : font-size: 숫자px; 검색어) CSS text size property # 가운데 정렬: text-align:center; 검색어) CSS text cent.. 2021. 10. 5. HTML 공부한 내용 출처: 생활코딩 HTML - 1강 ~ 15강 https://www.youtube.com/watch?v=OGFgdro160I&list=PLuHgQVnccGMDUzDDCKW-pCZQY-MMCX5yB&index=1 HTML이란? HTML(Hyper Text Markup Language) HTML 태그 알아보기 코드 통해서 결과를 만든다는 것이 코딩을 이해하는 것이 핵심 웹페이지 만드는 언어가 HTML임 (Hyper Text Markup Language) 하이퍼 텍스트는 링크! HTML은 쉽지만, 매우 중요하다. 중요한 것은 어렵고 쉬운 것은 사소한 것은 아니고 쉽지만 중요한 것도 있음. public domian : 저작권이 없음 => 웹 : 각자 브라우저 만들 수 있음 웹은 특정 기업이 독점하지 .. 2021. 8. 17. 이전 1 2 3 다음
