티스토리 스킨 - BiCute 스킨

#1 BiCute 스킨 소개 Odeyssey 스킨을 기반으로 쓸데없는 기능을 최대한 삭제하였으며, 심플하고 깔끔하지만 세련된 스타일로 제작하였습니다. 과도한 이펙트와 특수효과들은 사용하지 않았기에 쾌적하고 빠른 블로그를 이용할 수 있습니다. #2 BiCute 스킨 특징 Odyssey의 장점은 계승! - PC 레이아웃 : 2단 우측 사이드바 / 1단 서랍형 사이드바 - 목록 탐색 타입 : 페이지 나열 / 더보기 버튼. - 티스토리 '메뉴'를 활용한 네비게이션 바 적용 가능. - 헤더 슬로건 섹션 적용 가능. - 이벤트 배너 섹션 적용 가능. - 사이드바 프로필 / SNS 링크(YouTube, Instagram, Twitter). *Facebook 삭제 - 트위터 타임라인 적용 가능. *Facebook 삭제..
BiCute Skin 2022.03.10 58

more

#10. HTML 시맨틱 요소

HTML의 시멘틱 요소는 HTML 마크업 언어의 요소에 대한 의미를 나타내는 것입니다. 이러한 요소를 사용하면 HTML 문서가 보다 구조화되고 의미있는 형태로 표시될 수 있습니다. 시멘틱 요소 중에서 주요한 것으로는 다음과 같습니다: : 문서의 헤더 부분을 나타내는 요소입니다. : 네비게이션 메뉴를 나타내는 요소입니다. : 문서의 주요 콘텐츠를 나타내는 요소입니다. : 독립적인 콘텐츠 내용을 나타내는 요소입니다. : 문서내의 구역을 나타내는 요소입니다. : 문서의 기사와 관련이 없는 콘텐츠를 나타내는 요소입니다. : 문서의 푸터 부분을 나타내는 요소입니다. 시멘틱 요소를 사용하면 문서의 구조와 의미를 더욱 명확하게 표시할 수 있어서, 검색 엔진의 순위를 향상시킬 수 있습니다. 시멘틱 요소를 사용하면 검색..
HTML & CSS 2023.03.24 0

#9. HTML 폼(Form)

HTML의 폼은 사용자의 정보를 서버로 전송하는 기능을 제공하는 HTML 요소입니다. 폼은 태그로 정의되며, 내부에에 다양한 입력 요소(input elements)를 포함할 수 있습니다. 예를 들어, 텍스트 상자, 라디오 버튼, 체크박스, 셀렉트 드롭다운 등이 있습니다. 사용자가 폼에서 입력한 데이터는 태그의 name 속성으로 지정된 이름과 함께 전송됩니다. 폼의 전송 방식(GET 또는 POST)은 태그의 method 속성으로 지정할 수 있습니다. 결과적으로, 사용자가 폼에서 입력한 데이터는 웹 서버에서 처리할 수 있는 형태로 전송됩니다. # 폼(Form) tag 태그는 HTML의 폼을 정의하는 주요 요소입니다. 폼 안에는 사용자의 입력을 수집할 수 있는 여러 가지 입력 요소(input elements)..
HTML & CSS 2023.03.22 0

#8. HTML 테이블

HTML 테이블(table)은 HTML 마크업 언어를 사용하여 행과 열을 갖는 표 또는 정보를 표시하는 데 사용되는 HTML 요소입니다. 테이블은 여러 행과 열을 가지며, 각 셀은 데이터를 포함할 수 있습니다. 제목 1 제목 2 행 1, 열 1 행 1, 열 2 행 2, 열 1 행 2, 열 2 : 테이블을 구성하는 가장 외곽 태그입니다. : 행을 나타내는 태그입니다. : 테이블 헤더를 나타내는 태그입니다. : 테이블의 각 셀을 나타내는 태그입니다. CSS를 사용하여 테이블의 레이아웃, 스타일, 그리고 다른 표시 기능을 조정할 수 있습니다. # Table tag HTML의 태그는 행과 열을 갖는 표를 만드는 데 사용됩니다. 테이블은 (행), (헤더 셀), (일반 셀) 태그를 사용하여 구성됩니다. 태그에서 사..
HTML & CSS 2023.03.20 0

#7. HTML 이미지

HTML에서 이미지를 표시하려면 "img" 요소를 사용합니다. "src" 속성을 사용하여 이미지의 URL을 지정할 수 있습니다. 다음은 간단한 예입니다. "alt" 속성은 이미지가 로드되지 않을 때 표시될 텍스트입니다. 접근성을 위해 이미지의 설명을 제공하는 것이 좋습니다. # 이미지 tag img 태그는 HTML에서 이미지를 표시하는 데 사용됩니다. 아래는 "img" 태그의 주요 속성입니다. - src: 이미지의 URL을 지정합니다. 예: - alt: 이미지가 로드되지 않을 때 대체 텍스트를 지정합니다. 접근성을 위해 이미지의 설명을 제공하는 것이 좋습니다. 예: - width와 height: 이미지의 가로 및 세로 크기를 지정합니다. 예: - style: 이미지의 CSS 스타일을 지정합니다. 예: -..
HTML & CSS 2023.03.17 0

#6. HTML 링크

HTML에서의 링크 태그는 태그로 표현됩니다. 링크는 특정 문서, URL, 이메일 주소 또는 기타 리소스와의 연결을 제공합니다. 태그에는 다음과 같은 주요 속성이 있습니다. - href: 링크가 가리키는 대상의 URL을 지정합니다. - target: 링크가 열릴 위치를 지정합니다. 기본값은 "self"이며, 현재 탭에서 링크가 열립니다. "blank"로 지정하면 새 탭에서 링크가 열립니다. - rel: 링크와 현재 문서 간의 관계를 지정합니다. "nofollow"로 지정하면 검색 엔진에서 링크를 따라가지 않습니다. - download: 링크가 가리키는 리소스를 다운로드하도록 지정합니다. - hreflang: 링크가 가리키는 리소스의 언어를 지정합니다. 예: Example Website # 앵커 태그 HT..
HTML & CSS 2023.03.15 0

Notice

반응형

티스토리툴바