본문 바로가기

교육

텍스트 꾸미기 실습 실습과제 100XP 텍스트 꾸미기 연습 HTML 태그를 직접 사용해봅시다. 홈페이지가 아래 그림처럼 구현되도록, 비어있는 style 코드를 채워주세요. 태그는 가운데로 정렬하고, lime 색깔로 칠해주세요. 태그는 오른쪽으로 정렬하고, hotpink 색깔로 칠해주세요. 태그는 오른쪽으로 정렬하고, blue 색깔로 칠해주세요. 태그에는 ‘웹사이트’라는 단어가 두 번 나오는데요, 이 단어를 굵게 써주세요. 태그에 있는 글자 중 태그로 감싸진 ‘HTML’과 ‘JavaScript’ 글자의 폰트를 64px로 바꾸고, green 색깔로 칠해주세요. purple check icon셀프채점 다음 항목들이 제대로 페이지에서 구현이 되었나요? 웹사이트 라는 단어가 두 번 모두 굵게 표시된다. 이름과 이메일이 오른쪽으로 정.. 더보기
기본 HTML 태그 정리 앞선 강의에서 아래와 같은 코드를 보았습니다. My First Website My First Page I love HTML! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 선언 HTML 파일을 쓸 때는 가장 먼저 선언을 써야 합니다. 이전의 html 버전을 사용하려면 을 복잡하게 써야 하지만, 그냥 최신 버전인 HTML 5를 사용하기 위해서는 이렇게만 쓰면 됩니다: 태그 페이지의 제목은 태그에 써주면 됩니다. 브라우저의 탭이나 방문 기록에 나와 있는 바로 그 제목이 이 곳에 들어갑니다. My First Website ~ 태그 한 페.. 더보기
<b>, <i>태그 정리 태그 텍스트를 굵게 쓰고 싶으면 'bold'의 약자인 태그를 사용하면 됩니다. HTMLCSS Hello World! 결과 확인 태그 텍스트를 날려 쓰고 싶으면 'italics'의 약자인 태그를 사용하면 됩니다. HTMLCSS Hello World! 결과 확인 Phrase Tags 태그는 그냥 텍스트를 '볼드체'로 만들어주고, 마찬가지로 태그는 그냥 텍스트를 '이탤릭체'로 만들어줍니다. 둘 다 '시각적인 특징'만 갖고 있는 태그인데요. HTML에서는 시각적인 특징 뿐만 아니라 의미도 담고 있는 phrase tag가 있습니다. 태그 HTMLCSS Hello World! 결과 확인 태그는 텍스트를 굵게 만드는 것이 목적이지만, 태그는 감싸고 있는 텍스트가 중요하다고 표시하는 것이 목적입니다. 지금 겉보기에는 .. 더보기
기본 css 속성 정리 사이트에 CSS 스타일을 입혀주기 위해서 태그를 사용할 수 있습니다. /* 여기에 CSS 코드 */ 아주 기본적인 CSS 속성 몇 가지만 봅시다. 그냥 간단하게 사용할 수 있는 정도로만 보고, 이후 섹션에서 각 속성을 더 자세히 살펴보겠습니다. 폰트 크기 CSS에서 폰트 크기를 표현할 수 있는 단위 몇 가지가 있는데, 그 중 픽셀(px)이 가장 많이 사용됩니다. HTMLCSS Heading 1 Heading 2 h2 { font-size: 72px; } 결과 확인 텍스트 정렬 글은 왼쪽, 가운데, 또는 오른쪽으로 정렬할 수 있습니다. HTMLCSS Heading 1 Heading 2 Heading 3 h1 { text-align: left; } h2 { text-align: right; } h3 { te.. 더보기
실습과제 구구단 만들기 실습과제 구구단 프로그램을 while문이 아닌 for문을 사용해서 만들어 보세요. 코드를 실행하면, 아래와 같이 출력되어야 합니다. 1 * 1 = 1 1 * 2 = 2 1 * 3 = 3 . . . 9 * 7 = 63 9 * 8 = 72 9 * 9 = 81 실습과제 구구단 프로그램을 while문이 아닌 for문을 사용해서 만들어 보세요. 코드를 실행하면, 아래와 같이 출력되어야 합니다. 1 * 1 = 1 1 * 2 = 2 1 * 3 = 3 . . . 9 * 7 = 63 9 * 8 = 72 9 * 9 = 81 과제 해설 1단만 작성 먼저 1단만 작성하겠습니다. for j in range(1, 10): print("%d * %d = %d" % (1, j, 1 * j)) 1 * 1 = 1 1 * 2 = 2 1 .. 더보기
range 함수 # for 반복문 사용해서 1부터 10까지 출력하는 프로그램 만들어보자 # for 문에 쓰일 변수 이름은 i 라고 하자 for i in [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]: print(i) # 수행 부분 # 1에서 100까지 쓰려면?! # range 함수 가 해결해 준다. # 파라미터를 1개 쓰는 함수, 2개 쓰는 함수, 3개 쓰는 함수가 있다 # ex) range() # range( , ) # range( , , ) # 파라미터 2개 버전 for i in range(start, stop): print(i) # start 부터 stop-1 까지의 범위 # 파라미터 1개 버전 for i in range(stop): print(i) # 0부터 stop-1 까지의 범위 #파라미터 3개 버.. 더보기
for 반복문 my_list = [2,3,5,7,11] for number in my_list: pirnt(number) 2 3 5 7 11 i = 0 while i 더보기
리스트 꿀팁 리스트에서 값의 존재 확인하기 어떤 값이 리스트에 있는지 확인하는 함수를 써보겠습니다. # value가 some_list의 요소인지 확인 def in_list(some_list, value): i = 0 while i < len(some_list): # some_list에서 value를 찾으면 True를 리턴 if some_list[i] == value: return True i = i + 1 # 만약 some_list에서 value를 발견하지 못했으면 False를 리턴 return False # 테스트 primes = [2, 3, 5, 7, 11, 13, 17, 19, 23] print(in_list(primes, 7)) print(in_list(primes, 12)) True False 쓰는데 아주 .. 더보기

반응형