본문 바로가기

전체 글329

HTML 레이아웃 Layout 레이아웃은 웹 사이트의 외관을 결정짓는 매우 중요한 요소 입니다. 오늘은 레이아웃에 대해 공부하겠습니다. 레이아웃 방식에는 div요소를 이용하는 것, html5 레이웃, table 요소를 이용하는 것이 있지만 우리는 div 요소를 이용한 레이아웃에 대해서만 공부하겠습니다 이는 CSS 스타일을 손쉽게 적용할 수 있으므로 자주 사용됩니다. 예 header 영역 nav 영역 section영역 footer 영역 laylout 코딩 예제를 따라가 보지만 잘 모르겠네요 ㅋ 2020. 7. 1.
HTML LIST <ul>, <ol> , <li> list란 여러 요소들을 일렬로 나열한 명단 혹은 목록을 이야기합니다. html에서 상당히 자주 쓰이는 이 리스트는 2가지로 나눌 수 있습니다. 1. 순서가 없는 리스트 (unordered list) 2. 순서가 있는 리스트 (ordered list) 1. unordered list 을 줄여서 ul로 표현합니다 list는 li로 표현됩니다. 예를 들면 코딩 html list 웨 브라우저여 표시된 화면은 코딩 html list 2. ordered list 순서가 있는 리스트 코딩 html list 웹 브라우저에 표시된 화면은 코딩 html list 2020. 6. 30.
HTML _ 색 그리고 <a> W3C 에서 정의한 색상 16개를 정리하자면 다음과 같습니다. aqua, blue, gray, lime, navy, purple, silver, white, black, fuchsia, green, maroon, olive, red, teal, yellow html에서 색상을 표현하는 방식은 블루로 표현됨 빨강으로 표현됨 회색로 표현됨 네이비로 표현됨 실버로 표현됨 실버색깔은 어떻게 표현 될까요? 궁금해서 해보았습니다. 실버색깔은 어떻게 표현 될까요? 실버색깔은 어떻게 표현 될까요? 거의 회색이랑 비슷한 것 같네요 tag의 제왕 태그에 대해 알아보겠습니다. 검색엔진이 찾기위해 사용하는 태그 우리가 매일 100도 상용하는 태그 2020. 6. 29.
HTML _ 주석 스타일 웹브라우저에 표시되지 않지만 html코드 작성 시 종종 필요한 주석 넣기 표현하는 방법은 css 스타일을 html요소에 설정할 수 있는데 하는 방식은 html 코드에 배경화면은 핑크로 웨브라우저에 표현되는 화면은 배경화면은 핑크로 배경화면 핑크가 너무 길게 나오네요. 조절하는 방법은 아직 모릅니다. 글자색 변경 글자색깔변경 웹브라우저에 표현되는 화면 글자색깔변경 이렇게 오늘은 주석 넣는 방법, CSS 글자색 변경과 글자배경색 변경에 대해 알아보았습니다. 2020. 6. 28.
HTML _ 서식 <em><b><mark><del> 태그공부 강조효과를 나타내는 태그는 태그와 을 말할 수 있다. 나는 보통 태그를 쓰는데 이 두가지 의미가 조금 다른다. 태그의 경우 단순히 글씨를 굵게 만드는 효과, 태그는 단순히 글씨를 굵게 표현하는 효과 외 중요하다는 의미도 포함한다. 이와 비슷한 경우롸 태그와 태그가 있다. 둘 다 이탤릭체 로 변환해주는 공통점이 있는데 태그가 그러하듯이 태그에는 그 내용이 중요하다는 의미도 포함되어 있다. 사실 태그는 너무 길어서 안쓰게 되는데 태그 정도는 자주 쓸 수 있을것같다. 태그는 하이라이팅 태그이다 오! 너무 이쁘네요. 이 하이라이팅 태그 는 자주 애용할 것 같아요 태그는 글씨 중간에 가로줄을 만들어 텍스트를 취소한것같은 효과를 냅니다. 태그는 글씨 중간에 가로줄을 만들어 텍스트를 취소한것같은 효과를 냅니다 이제 .. 2020. 6. 27.
HTML 단락 <P> 태그와 <pre>태그 단락 _ Paragraph Html에서 태그를 이용해서 단락을 표시한다. 태그를 이용해서 단락을 구분짓기도 하지만 코딩을 공부했다면 태그보다 태그를 쓰기를 바란다. 태그 위 아래로는 약간은 여백이 자동으로 생선되지만 원하는 여백이 있다면 이런식으로 구체화시켜줄 수도 있다. Html 코드 작성에서 띄어쓰기를 해도 웹브라우저 화면에서는 전혀 나타나지 않기 때문에 웹브라우저가 인식할 수 있도록 태그를 씁니다. 태그를 사용해도 그 안에 여러번 띄어쓰기와 줄 나누기는 오직 하나의 띄어쓰기로 표현됩니다. 그래서 만약 Html코드에서 작성한 서식 그대로의 모습을 화면에 노출 시키고 싶으면 태그를 사용해야 합니다. 나의 살던 고향은 꽃피는 산골 띄엄 띄엄 보일까요? ---------노출되는 화면 나의 살던 고향은 꽃피.. 2020. 6. 26.
HTML 입문 HTML은 웹 페이지를 만드는데 사용하는 언어이고 매우 쉬운 언어이기 때문에코딩을 공부할 때 무조건 제일 처음 배우는 언어이다. HTML은 Hyper Text Markup Language의 약자로웹페이지는 HTML 태그들로 구성되어 있다. 그 태그의 예를 들자면 --------------- 이 문서가 html 문서이다 --------------- 언어는 한국어 ---------------------------- body 태그 입니다. html입문----------- 소제목 기본적인 구성이 이렇게 되어 있다.태그는 기본적으로 형식으로 이루어져 있습니다. 처음 보는 사람은 어렵게 느껴질 수도 있지만 결국 익숙해지느냐 아니냐의 차이 인것 같습니다. 이제 저와 함께 코딩 공부를 함께 해 보시죠 ~! 2020. 6. 25.
아는 건 별로 없지만 가족입니다 _ 은희 시계 7~8화에 이어지는 시계 브리스톤 아는 건 별로 없지만 가족입니다 7화에서 언니 생일과 아빠의 말을 생각하며 언니 출생의 비밀을 알아내는 듯한 은희의 손짓 가느다란 손목에 비해 큰 시계가 눈에 보입니다. 이 시계는 바로 BRISTON 756SP17NG 입니다. 가격은 대략 21만원 정도 합니다. 브리스톤은 프랑스 시계 브랜드로 합리적인 가격대의 클래식하면서도 빈티지한 디자인의 시계를 고민하던 브리스의 고민이 담긴 시계입니다. 브리스톤의 전체적인 메인 테마는 편안하고 자연스러운 스타일로 다양한 컬러와 재질의 나토 스트랩으로 색다른 연출이 가능하다고 합니다. 이 브리스톤의 느낌과 이 드라마의 은희랑도 잘 어울리는 것 같네요. 2020. 6. 24.

티스토리툴바