본문 바로가기

기초/HTML l& CSS13

<4> HTML & CSS [블록레벨 요소와 인라인 요소] 블록 요소: 사용 가능한 최대 가로 넓이 사용 크기를 지정할 수 있음 기본 크기는 width:100%; height:0; 수직으로 쌓임 margin, padding 상,하,좌,우 사용 가능함 레이아웃으로 사용 ex) DIV, H1, P 인라인 요소: 필요한 만큼의 너비만 사용(즉 안에 들어있는 내용만큼의 범위만 사용할 수 있음) 크기를 지정할 수 없음 width: 0; height: 0 수평으로 쌓임 margin, padding 상, 하 사용을 할 수 없음 ex)SPAN, IMG text로 사용 [주요범위] : HTML 문서의 범위를 설정 lang을 이용하여 문서의 언어를 지정해주어야함 : HTML 문서의 정보를 설정 HTML 문서의 제목, 기타 정보, 스타일 직접입력, .. 2022. 7. 12.
<3> HTML & CSS [속성과 값] 속성과 같은 글자색은 무엇, 너비는 어느정도 등 같은 스타일을 지정할 때 사용 ex)div{ color: red; width: 300px; } [CSS 선언 방식] 태그에 직접 작성하기(인라인): HTML 태그에 직접 작성하기 때문에 선택자가 필요하지 않음 코드를 찾아서 직접 작성하기 때문에 비효율적 선택자란 HTML에 CSS 적용하기 위해 HTML의 특정한 요소를 선택하는 사인 위에 예시를 예로 들자면 div는 선택자, color, width는 속성, red,300은 값 ex)빨간색 글씨로 할꺼야 HTML에 포함하기(내장): CSS만 작성하기 때문에 선택자가 필요 CSS코드가 HTML의 안에 포함되어 있음 ex) 빨간색 글씨로 할꺼야 HTML 외부에서 불러오기: CSS코드를 완전히 분리할.. 2022. 7. 10.
<2> HTML & CSS [속성과 값] 태그 안에 속성과 값을 통해 기능을 확장시켜 쓸수 있음 ex) src라는 속성을 사용해서 삽입할 이미지의 경로를 지정, alt라는 속성을 이용하여 이미지를 출력하지 못하는 상황에 이미지 대신 보여질 텍스트 지정. 둘다 필수 속성이며 alt가 누락되었다면 웹 표준에 어긋남 [부모/자식 요소] 태그A가 태그B의 콘텐츠로 사용되면, 태그B는 태그A의 부모 요소, 태그A는 태그B의 자식 요소라고 함. 부모와 자식 요소는 상대적인 개념. ex) 과일 목록 사과 복숭아 [HTML 문서의 범위] HTML(전체 범위): 는 HTML 문서의 전체 범위를 ㅈ지정. 웹 브러우저가 해석해야 할 HTML 문서가 어디에서 시작하며, 어디에서 끝나는지 알려주는 역할 HEAD(정보 범위): 웹 브라우저가 해석해야 할 .. 2022. 7. 7.
<1> HTML & CSS [정의] HTML(Hyper Text Markup Language)은 페이지에 제목, 문단, 표, 동영상 등을 정의하고 그 구조와 의미를 부여하는 정적 언어로 웹의 구조를 담당. 일종의 뼈대를 만드는 것 CSS(Cascading Style Sheets)는 마크업 언어(HTML, XML 등)가 실제로 표시되는 방법을 지정하여 콘텐츠 구조를 꾸며주는 정적 언어로 웹의 시각적인 표현 담당 JS(JavaScript)는 콘텐츠를 바꾸고 움직이는 등 페이지를 동적(상황에 맞게 그때그때 달라지게)으로 꾸며주는 역할을 하는 프로그래밍 언어로 웹의 동적 처리를 담당 2022. 6. 30.

티스토리툴바