Awesome World Awesome World

HTML Paragraphs TAG 단락설정하기 태그 는 Paragraphs를 의미한다. 즉, 단락이다. 워드프레스는 잼난다. 워드프레스는 잼난다 이 단락안에 띄어쓰기가 있는 경우나 있지 않는 경우나 결과물은 똑같다.. 즉, 많은 띄어쓰기도 하나의 띄어쓰기로 인식한다. 만약 마무리 태그가 빠져도 어떤 브라우저도 문제없지 표기가 되기는 하나 항상 마무리 닫음 태그는 꼭 넣어야 한다. 한 단락 안에서 줄바꿈을 하기 원하는 경우, This isa paragraph with line breaks 중간중간 태그를 사용하면 -------- result ------------- This is a para graph with line breaks ---------------------------- 처럼 표시가 된다. ..

글목록 태그 만들기 UL, OL, LI 태그 사용하기.. 어떤 설명하는 글을 쓰거나 순서를 말하는 글을 써야할 때, 목록을 만들 때, 글목록을 정하는 태그를 사용합니다. (1) 순서없는 목록 첫번째 내용 두번째 내용 ----------- Result 표현결과 ---------------- 첫번째 내용 두번째 내용 ---------------------------------------- * 보통은 작은 원형으로 목록이 나타나는데, 이 목록 불릿의 모양을 바꾸는 방법은 두 가지가 있습니다. a. 안에 스타일 설정을 하는 방법 b. 내용본문 안에서 설정하는 방법 (2) 순서있는 목록 첫번째 내용 두번째 내용 ----------- Result 표현결과 ---------------- 첫번째 내용 두번째 내용 --..

텍스트를 예쁘기 꾸미기 위해서 포스팅이나 페이징을 할 때, 가장 많이 쓰게 되는 태그는 어떻게 하다보니 와 인듯 합니다. 은 줄바꿈 없이 일부 단어, 글자, 문장에만 스타일을 적용할 수 있습니다. 내용은 여기에 씁니다. 웹문서만들기는 즐거워, 즐거워,즐거워, 즐거워 즐겁네요. 를 적용하면, 웹문서만들기는 즐거워, 즐거워, 즐거워, 즐거워 즐겁네요. 이렇게 중간 내용이나 단어만 태그가 됩니다. 키보드 입력, 음성명령과 같은 사용자 입력 내용을 넣을 때 파일이름, 컴퓨터프로그램 등 컴퓨터가 인딧할 수 있는 소스 표시 프로그램 처리 결과 표시태그 위첨자 아래첨자 취소선 이제는 사용하면 안되요... 옛날태그 모음... , , , , , 정말 흔하게 썼던 태그도 이제는 안씁니다.

폰트크기, 글자크기 잘 지정하는 방법 html 코드를 떠나 글씨크기를 정하는데는 사실 CSS가 매우~~ 중요....합니다 웹에서 글자크기를 지정할때, px와 em단위 사용.. 최근에는 사용되는 기기가 매우 다양해서 px 단위보다는 em 단위를 사용하는 것이 더 좋습니다. 아직은 em 단위 설정이 값이 익숙하지 않아서... px를 나도 모르게 쓰게됩니다. 변환이 어렵고 익숙하지 않다면... www.pxtoem.com 사이트에 가서 변환해 보세요. [맨 아래 이미지 참고] 16px = 1em 이므로 em= x px / 16px 로 계산! 기본적인 적용방법 body { font-size:12px; } h2 { font-size:2em; } 폰트크기, 글자크기 잘 지정하는 방법 : size 16px 적용 결과 ..

워드프레스를 써서 홈페이지를 만들려고 해도... 코드를 만들고 만들면 한계가 있습니다. 그래서 기본적인 코드 태그들을 알아야 합니다. 특히 테이블을 어느정도 알아야.. 삽입하기가 편리합니다. KIM PARK 20 SOODONG DAEKIL 50 화면에는 이렇게 표현이 된다. 아무런 설정도 하지 않았기에... 줄 간격이나, 줄 폭이 예쁘지가 않다. 그래서 문서전체에 스타일을 정해 border-collapse: collapse; 와 solid를 넣으면 깔끔해진다. KIM PARK 20 SOODONG DAEKIL 50 HTML Table Tags (HTML테이블 태그) Tag Description Defines a table Defines a header cell in a table : 제목이 들어갈 셀 추가..

.... 사이트, 특정부분의 머리말(제목 부분)의 태그이다. ... 문서 사이트 연결하는 내비게이션 태그, 기존의 메뉴와 같은 용도라고 보면 된다. nav 태그는 header에 들어갈 수도, footer에 들어갈 수도.. aside 에 들어갈 수도 있다. .... 제목을 표현하는.. 단위 여기서 n은 number임.. .... 내용을 표현하는 부분에 대한 태그 ..... 본문 옆에 보통 사이드바 같은 영역을 나타내는 태그 ...... 사이트를 만든 사람에 대한 정보와 저작권 등을 표현 하는 태그 Semantic Elements in HTML5 Below is an alphabetical list of the new semantic elements in HTML5. The links goes to our ..

시맨틱 태크란? SOURCE 참조 : http://www.w3schools.com/html/html5_semantic_elements.asp Semantics is the study of the meanings of words and phrases in language. Semantic elements are elements with a meaning. 시맨틱이란 '의미가 통하는' 이란 뜻으로 언어속에서 단어와 구 등에 의미를 부여하는 요소들이다. What are Semantic Elements? 시맨틱 요소들에는 어떤 것들이 있나? A semantic element clearly describes its meaning to both the browser and the developer. Examples..

html에서는 , ", 이런 표시들은 코드를 만들때 쓰는 것들이므로 문서 속에서 그대로 표현을 하려면 별도의 코드를 입력해야 한다. 특수기호 표시되는 부분 공백, 한칸 띄우기 < ( ( ) ) & & " " 따옴표 ´ ' - - | | 일반적인 특수 문자를 넣는 방법은 문서쓰는 법과 동일하다 많이 쓰는 기호 ■, ※, ● 이런것은 한글 자음 ' ㅁ'누르고 바로 한자키 누르면 특수 문자가 뜬다. ⓐ 이렇게 동그라미 안에 글자가 들어간 것은 한글자음 'ㅇ' 누르고 한자키 누르면 된다.