코딩 일지

[목록 만들기] ① , 태그■ 순서 있는 목록 항목1 항목2 레드향 샐러드 레시피재료: 레드향 1개, 아보카도 1개, 토마토 1개, 샐러드 채소 30g드레싱: 올리브유 1큰술, 레몬즙 2큰술, 꿀 1큰술, 소금 약간 샐러드 채소를 씻어 물기를 제거한 후 먹기 좋게 썰어서 준비합니다. 레드향과 아보카도, 토마토도 먹기 좋은 크기로 썰어 둡니다. 드레싱 재료를 믹서에 한꺼번에 넣고 갈아 줍니다. 볼에 샐러드 채소와 레드향, 아보카도, 토마토를 넣고 드레싱을 뿌리면 끝! ※ 태그의 type, start 속성 : 기본적으로 순서 있는 목록은 숫자 1, 2, 3.. 순대로 번호를 붙이는데 type 속성을 이용하면 다른 숫자로 순서를 나타낼 수 있다. 또한, 순서 목록은 기본적으로 1부터 시작..

① ~ 태그■ 제목을 나타내는 태그. 제목 ② 태그■ 텍스트 단락을 만드는 태그.□ 편집기에서 줄을 바꾸어도 웹 브라우저에서는 동일하게 나타남□ 내용이 길면 자동으로 줄이 바뀐다. ③ 태그■ 줄을 바꾸는 태그.□ 원하는 위치에서 줄 바꿈 가능. □ 단독으로 사용하므로 닫는 태그가 없음. 레드향 껍질에 붉은 빛이 돌아 레드향이라 불린다. 레드향은 한라봉과 귤을 교배한 것으로 일반 귤보다 2~3배 크고, 과육이 붉고 통통하다. 비타민 C와 비타민 P가 풍부해 혈액순환, 감기예방 등에 좋은 것으로 알려져 있다. ※ 태그를 두 번 사용하면 빈 줄이 생기면서 텍스트 단락이 나뉜 것처럼 화면에 표시되지만 실제로는 단락이 만들어 진 것이 아니라서 CSS를 사용해 텍스트 단락 스타일을 적용할 때 문제가 생긴다...

■ HTML : HyperText Markup Language의 줄임말로, 웹 문서를 만드는 기본 언어.               - 웹 브라우저에 보여 줄 내용에 마크업하고 문서끼리 링크한다.[태그] : 웹 브라우저가 어느 부분이 제목, 텍스트 또는 표인지 구별할 수 있도록 하는 꼬리표            , , 등.. [HTML의 기본 구조]□ 보통 로 시작하여 , 프론트엔드 웹 개발 HTML CSS JS□ VS 코드에서 ! 입력 + [Tab]키 시 기본 구조 자동 생성 ① : 현재 문서가 HTML5 언어로 작성한 웹 문서라는 뜻     - 문서 유형을 지정하는 태그② ~ : 웹 문서의 시작과 끝을 나타내는 태그.      - HTML 파일의 시작과 끝을 나타냄. 태그 위에는 아..