본문 바로가기
728x90
반응형

html 개념3

CSS 파일에서 class, id, div 태그, link 태그 사용 방법 안녕하세요~! CSS 파일에서 style을 주는 과정에서 class, id, div 태그, link 태그 사용 방법들이 있습니다. 기본적인 HTML 코드의 요소 선언 방법으로 html body 영역에서 추가한 요소들을 css 영역에서 style을 적용할 때 원하는 요소들에게 style을 적용시켜주기 위해 class, id를 선언해주거나 div 태그 등으로 그룹을 줘서 알맞게 style을 적용시켜줄 수 있습니다. 1> 클래스 (Class) - body 에서 선언할 때 class 명을 주고, 에 있는 클래스 A 선언 클래스 B 선언 2> 아이디 (id) - body 에서 선언할 때 id를 주고, 에 있는 클래스 A 선언 클래스 B 선언 클래스 C 선언 클래스 D 선언 3> div 태그 - body에서 각각 .. 2020. 4. 20.
HTML 태그, CSS <style> 사용 방법 안녕하세요~! HTML 파일에서 사용하는 여러가지 태그(tag)와 CSS 파일에서 꾸며주기 위한 --> 웹브라우저에게 HTML 버전 알려주는 역할 CSS ManChester Barcelona Munchen 2> CSS - 글 정렬 : text-align - 여백 : margin h1 - Test h2 - Second Test h3 - ThirdTest 3> 박스모델 border : 1px blue solid; 4> 라이브러리 중복으로 반복 사용하는 로직을 모듈화 시킨 것 아래는 기본적인 html 태그와 CSS 개념 참고하시기 바랍니다.!! [Web] 웹 어플리케이션, HTML 정리 (a 태그, ul 태그) [Web] 웹 어플리케이션, HTML 정리 (a 태그, ul 태그) * WEB 개념 정리 - 클라이.. 2020. 3. 30.
[Web] 웹 어플리케이션, HTML 정리 (a 태그, ul 태그) * WEB 개념 정리 - 클라이언트 : HTML, CSS, JAVASCRIPT, 웹브라우저 - 서버 : 미들웨어, 데이터베이스, 웹서버 웹서버가 설치되어있는 것이 서버이고, 웹브라우저는 클라이언트 개념 클라이언트는 서버로 요청하고, 서버는 웹브라우저로 응답 해주는 개념 1> HTML (Hypertext Markup Language) : 웹페이지를 만드는 언어 웹브라우저 요청하면 웹서버에서는 HTML 응답이 되어 화면에 표출 문서와 문서가 Link 연결 의미 - TAG html 내에서 문자열 같이 앞뒤로 어떠한 기능을 표시해주는 기능 - a 태그 'a' 태그 같이 TEST 이면 TEST는 어느 링크가 걸려있는 기능을 표시 1. a 태그 예시 추천블로그 클릭 -> 추천블로그를 클릭하면 해당 href에 선언한.. 2020. 3. 25.
728x90
300x250