본문 바로가기

분류 전체보기41

HTML - 스타일(Style) 스타일(Style) HTML에서 스타일은 웹 페이지의 모양과 레이아웃을 지정하는 데 사용되는 속성들의 집합을 말한다. 이러한 스타일을 적용하여 요소의 색상, 크기, 배치 등을 제어할 수 있다. 색상 : color:red 크기 : font-size:200% 문단 정렬 : text-align:center 배경색 : background-color:white HTML에서 스타일을 적용하는 여러 가지 방법이 있지만 가장 일반적인 방법으로는 인라인 스타일, 내부 스타일 시트 와 외부 스타일 시트 방법이 있다. 인라인 스타일: 개별 HTML 요소에 직접 스타일 속성을 지정하는 방법으로 요소의 시작 태그에 ‘ style ‘ 속성을 추가하고, 해당 속성 값으로 스타일 속성을 지정하는 방법이다. This is a red .. 2023. 6. 19.
HTML - 엔티티 와 문자셋 엔티티(Entity) HTML에서 엔티티는 특수 문자를 표현하기 위해 사용되는 코드이다. 왜냐하면 몇 가지 특수 문자는 HTML 코드에서 예약어로 사용되고 있기 때문이다. 이러한 문자를 표현하기 위해 엔티티 코드를 사용하여 HTML에서 이스케이프(escape)할 수 있다. *이스케이프(escape) : 특정 문자나 문자열을 다른 형태로 변환하는 것을 의미. 엔티티 코드는 ‘ & ’로 시작하고 ‘ ; ’로 끝나는 형식을 가지며, 이 사이에 문자나 숫자를 기입하여 해당 문자를 대체한다. ex) ‘ tag. .. 2023. 6. 19.
HTML - 서식과 인용 Formatting(서식) HTML에서 텍스트에 다양한 효과를 주는 태그로 , , , , 등이 있다. , : 강조 효과로 HTML 문서에서 텍스트를 굵게 표현하고 싶을 때 사용한다. , : HTML 문서에서 텍스트를 이탤릭체로 표현하고 싶을 때 사용 와 은 단순히 강조 효과 뿐만 아니라 중요하다는 의미를 포함하여 검색엔진에서 더 중요하게 인식하도록 해줍니다. : 텍스트에 하이라이팅 효과를 적용 : 텍스트 중앙에 가로줄을 만들어 마치 텍스트를 지운것과 같은 효과를 준다. : 텍스트 밑에 가로줄을 만들어마치 빈칸에 텍스트를 삽입입한 것과 같은 효과를 준다. : 위첨자 : 아래첨자 인용구(Quotation) HTML에서 인용구를 표현하는 방법에는 짧은 인용구 와 블록 인용구가 있다. 짧은 인용구 짧은 인용구는.. 2023. 6. 19.
HTML - 제목과 문단 Heading HTML에서 제목을 표현할 수 있는 태그는 1 ~ 6 까지의 사이즈가 존재한다(숫자가 클 수 록 글자 사이즈가 작다) . Paragraph(문단) HTML의 태그는 문단을 나타내는데 사용한다. 이 태그를 사용하여 웹 페이지에서 텍스트를 문단 단위로 구성할 수 있다. 태그를 사용하면 자동으로 새로운 줄이 시작되고, 위 아래로 일정한 간격이 생긴다. 이것은 첫 번째 문단입니다. 이것은 두 번째 문단입니다. 오른쪽이 위 html 코드의 예시이다. HTML은 여러 공백 문자와 줄 바꿈을 하나의 공백 문자로 압축하여 처리한다. 따라서 태그 내에서 여러 개의 연속된 공백이나 줄 바꿈을 입력하더라도 브라우저에서는 하나의 공백으로 처리가 된다. 이것은 첫 번째 문단입니다. 이것은 두 번째 문단입니다. 같.. 2023. 6. 19.