[CSS] CSS란?, 작성 방법

CSS - Cascading Style Sheets - 웹페이지 디자인을 위한 언어 - HTML이 정보 전달에만 전념할 수 있도록 함 인라인 스타일(inline style) style 속성 이용 - html 코드 내에서 직접 css 코드 작성 - 속성의 값을 웹브라우저가 css의 문법에 따라서 해석하여 그 결과를 style 속성이 위치하고 있는 태그에 적용 - 선택자 필요 없음 - 2개 이상 스타일 지정할 때는 세미콜론으로 구분 - 자주 사용되지는 않음 CSS 내부 스타일시트(internal stylesheet) 태그 이용 - 내부에 style 태그 추가 선택자(Selector) - 스타일을 지정할 요소 선언 블록(Declaration Block) - css 선언을 포함하는 중괄호{ } 사이의 코드 선언..

• format_list_bulleted Front-end/CSS
• · 2023. 3. 25.
• textsms

[HTML] 주석 달기

HTML 주석 - 주석 부분은 사이트에 표시되지 않고 프로그램이 읽지 않음

• format_list_bulleted Front-end/HTML
• · 2023. 3. 17.
• textsms

[HTML] 다른 웹 페이지 삽입 태그 - <iframe>

iframe 태그 - 현재 웹 문에 다른 페이지, 동영상 등을 불러와서 삽입 ex) 유튜브 동영상 삽입 1. 유튜브 동영상의 공유 버튼 클릭 2. 퍼가기 선택 3. 퍼가기 안에 있는 HTML 코드 복사 4.동영상 추가할 위치에 코드 붙여넣기

• format_list_bulleted Front-end/HTML
• · 2023. 3. 17.
• textsms

[HTML] 하이퍼 링크 태그 - <a>

하이퍼 링크 태그 (anchor) - 다른 웹페이지를 연결할 때 사용 href : 링크 주소 추가하는 속성 mailto:이메일 주소 : 해당 이메일 주소 입력된 상태로 메일창 실행 target : 링크가 열리는 방법 지정 _self : 현재 화면에서 링크 이동 _blank : 새로운 화면에서 링크 엶 _parent : 부모 프레임 _top : 최상위 프레임 - if 어떤 링크인지 툴팁으로 알려주고 싶다면, 코드 - if 내부 페이지로 이동하고 싶다면, 코드 - if 같은 페이지 내 특정 위치로 이동하고 싶다면, 코드 코드 Hypertext Markup Language (HTML) ※ href는 HyperText Reference 줄임말

• format_list_bulleted Front-end/HTML
• · 2023. 3. 17.
• textsms

[HTML] 이미지 태그 - <img>

이미지 태그 (image) - 이미지를 웹 페이지에 포함할 때 사용 - 자체적으로 닫는 태그 - 마지막에 /(슬래시) 넣어도 되고 안 넣어도 됨 src : 이미지의 위치, 주소 추가하는 속성 alt : 이미지의 설명(대체 텍스트) 추가하는 속성 ※ 이미지는 다운로드 받아서 html 파일과 같은 폴더에 넣기 ※ 너비 속성은 width="너비"

• format_list_bulleted Front-end/HTML
• · 2023. 3. 17.
• textsms

[HTML] 태그, 속성

태그 - 코드 코드 속성 - 태그의 이름만으로 정보 부족할 때 사용 - 태그의 내용 확장할 때 사용 - 태그 안 쪽에 삽입 코드 id 속성 : 같은 태그 여러 개를 구별할 때 사용 Introduction Semi Introduction value 속성 : 태그의 값 설정할 때 사용 Coffee Tea Milk Juice

• format_list_bulleted Front-end/HTML
• · 2023. 3. 17.
• textsms

[HTML] HTML이란?, 개발 환경

HTML(HyperText Markup Language) - HTML이란? HyperText 하이퍼텍스트를 가장 중요한 특징으로 하는 Markup 마크업이라는 형식을 가진 Language 컴퓨터 프로그래밍 언어 - 개발 환경 1) visual studio 들어가기 2) Open Folder - 폴더 생성 3) new file : 확장자 .html 4) 내용 작성 & 저장(Ctrl+S) 5-1) 파일 드래그해서 검색창으로 옮기기 5-2) Ctrl+O(Window) 한 후 파일 찾아서 열기 Hello World

• format_list_bulleted Front-end/HTML
• · 2023. 3. 17.
• textsms