HTML ul 태그의 list-style-type 속성으로 보는 디자인 변경

list-style-type 속성값 list-style-type 속성은 <ul> 태그에 소속된 <li> 태그 앞의 문자 기호를 바꾸는 속성값입니다. <li> 태그의 목차 삭제, 검은 원, 흰 원, 사각형의 셋팅 변경법을 살펴보겠습니다. list-style-type:disc 검은 원(기본 셋팅) <ul> 태그의 기본 검은 원 모양 무늬는 style 속성에 list-style-type 속성값을 삽입해서 작성합니다. disc는 목차의 아이콘을 지정합니다. <h1>아즈텍 제국의 구성</h1> <ul style=”list-style-type:disc;”> <li>에슈크 트라톨라안(삼각 군사 … READ MORE

HTML ol 태그 디자인 및 li 태그 숫자 모양, 순서 변경

HTML <ol> 태그는 목차 앞에 번호가 붙습니다. 실제 데이터는 하위에 속한 <li> 태그에 정보가 기입됩니다. 속성을 사용하면 번호 종류와 순서를 변경할 수 있습니다. HTML <ol> 태그 HTML <ol> 태그는 순서가 있는 목차를 정의합니다. <ol> 태그와 <li> 태그를 세트로 하여 사용합니다. <ul> 태그와 달리 리스트 앞에 자동으로 번호가 붙습니다. <h1>알칼리 금속</h1> <ol> <li>리튬 Li</li> <li>나트륨 Na</li> … READ MORE

HTML ul 태그의 디자인 효과 및 li 아이콘 모양 변경 방법

HTML <ul> 태그는 순서가 없는 목차를 지정하며, 하위에 <li> 태그에 실제 내용이 기입됩니다.  list-stlye-type의 속성값에는 disc(검은 원), circle(흰 원), square(사각형)이 있고, none 속성값은 목차 아이콘을 삭제합니다. HTML <ul> 태그 기본 구조 HTML <ul> 태그는 순서가 없는 목차를 정의합니다. <ul> 태그는 <li> 태그와 함께 세트로 작동합니다. <h1>아즈텍 제국</h1> <ul> <li>위치 : 현재의 멕시코</li> <li>기간 : 1248~1521</li> <li>언어 … READ MORE

HTML pre 태그 시와 컴퓨터 코드에 적합한 예제 모음

HTML pre 태그 <pre> 태그는 Enter , Space 등으로 작성된 줄바꿈과 띄어쓰기가 그대로 유지되는 태그입니다. 시 또는 컴퓨터 소스 코드와 같은 텍스트를 웹문서에 삽입할 때 가독성을 위해서 줄바꿈과 공백을 유지해야 되는 상황에 유용한 태그입니다. <pre> 그러다가 또 하나의 길을 택했습니다. 먼저 길과 똑같이 아름답고, 아마 더 나은 듯도 했지요. 풀이 더 무성하고 사람을 부르는 듯했으니까요. … READ MORE

HTML p 태그에 배경색, 테두리, 글씨 변경하는 예제

HTML p 태그 <p> 태그는 HTML 문서의 단락을 정의합니다. <p> 태그 사이에는 단락 간 간격이 자동으로 부여됩니다. <br> 태그도 똑같이 줄바꿈을 하지만 검색엔진에 의미론적 효과를 주지는 않습니다. 사람 눈에는 가독성을 높여야 하지만 컴퓨터에게는 전달하지 않을 경우 <br> 태그를 사용합니다. 반대로 사람 눈과 컴퓨터에게 모두 가독성을 줘야할 경우 <p> 태그를 사용하면 됩니다. <p>초고대문명설이란 과거 지구에 현대 … READ MORE