본문 바로가기

html3

HTML 문자 서식 태그 HTML 문자 서식 태그 요즘은 CSS 로 문자 스타일을 지정하기 때문에 잘 사용되지 않지만 HTML 태그 학습으로 이번 포스팅에서는 문자 서식 태그에 대하여 알아보도록 하겠습니다 ■ 문자들의 크기, 모양을 조절 태그 : 굵은 문자(Bold)를 나타 냅니다. : 이탤릭체를 나타 냅니다. : 타자기체를 나타냅니다. : 윗첨자를 나타냅니다. : 아래첨자를 나타냅니다. : 글자 크기를 현재 크기보다 크게 나타냅니다. : 글자 크기를 현재 크기봐 작게 나타 냅니다. : 밑줄을 나타냅니다. : 취소선을 나타냅니다. ■ 예제 굵은체 예제 이탤릭체 예제 타자기체 예제 기준 글위첨자 예제 기준 글아래첨자 예제 기준 글 좀더 크게 예제 더 크게 예제 기준 글 좀더 작게 예제 더욱 더 작게 예제 밑줄 예제 취소선 예제 ■.. 2017. 12. 1.
[티스토리] HTML / CSS 를 활용한 상단 꾸미기 - 메뉴 티스토리 스킨 만들기로 배우는 HTML/CSS 상단 꾸미기 첫번째 티스토리 스킨 상단 꾸미기를 해 보도록 하겠습니다 티스토리 관리자화면에서 HTML/CSS편집화면으로 이동 해 주세요 먼저 추가 해 주어야 할 부분입니다 링크를 걸어 주어야 style.css 파일이 어디있는지 알고, CSS부분을 수정 해 주면 이 화면에 적용이 되겠죠 기존 코딩 했던 부분들 중 필요 없는 부분들은 주석 처리를 해 가며 만들어 가 보겠습니다 주석 방법은 이렇게 하면 됩니다 블로그 제목등은 나중에 추가 할려고 일단 주석 처리 했습니다 상단 TOP 부분을 40px 높이로 영역을 설정하고 메뉴 아이콘을 추가 해 보았습니다 마우스 오버 하면 카테고리 메뉴가 나타나도록 해 보겠습니다 div 는 사각형 형태의 블록 같은 영역이라고 생각하.. 2017. 9. 8.
[HTML/JavaScript] 로또번호 자동생성 소스 설명 HTML/JavaScript 로 로또번호 생성 프로그램 만들기 "로또번호 생성 프로그램 만들기" 포스팅에서의 프로그램 소스에 대하여 포스팅 하도록 하겠습니다 로또번호생성하기 Click 소스는 크게 두 가지 언어로 나누어 집니다. 웹 화면을 구성(디자인)하는 HTML 코드와, 웹페이지의 동작을 담당하는 JavaScript 입니다 먼저 HTML 코드 부분을 보도록 하겠습니다 ☞ 화면 가운데 정렬 시작 부분 이죠 부분까지의 모든 내용들은 화면 가운데 정렬 됩니다. ☞ 까지 영역에서 클릭하면, 자바스크립트 코드에서 randomNum() 을 호출 합니다. 즉 클릭 글자 클릭 시.. 클릭 ☞ 클릭 문구를 화면에 표시합니다. ☞ style 는 글자의 형태를 지정합니다. 커서모양 손 모양으로, 글 사이즈 20 으로 설.. 2017. 9. 6.