화면구현/html (17) 썸네일형 리스트형 html - 웹 설명 웹페이지 만들기 기획: 웹에 대한 설명 웹페이지 만들기 https://github.com/Dahyeonnnnn/web에서 코드 확인 가능 html-<a>태그:링크 링크 걸기 https://www.w3.org/TR/2011/WD-html5-20110405/" target="_blank" title="html5 specification"> 내용 target="_blank" : 새로운 페이지로 열기 title="html5 specification" : 클릭 전 무엇인지 알려주기 / 툴팁 띄우기 html - 문서의 구조 : 본문 본문 내용 html - 부모자식과 목록 목록 은 어디까지 연관된 항목인지 곙계를 짓기 위한 부모 태그가 필요하다. 자식태그인 태그는 반드시 을 부모태그로 가지고 있다. 부모태그인 태그는 반드시 자식 태그를 가지고 있다. html - 속성 unsplash.com : 저작권 없는 사진 사이트 는 태그만으로는 사용할 수 없다. 사진을 같은 파일에 저장 후 속성으로 불러와야 한다. 사진을 coding.jpg라고 저장했을 때, 와 같이 src="coding.jpg"나 width="100%"의 속성이 필요하다. 태그의 이름만으로 정보가 부족할 떄 속성으로 많은 의미를 부여할 수 있다. HTML - tag tag 공부법 : 검색 사이트(https://www.w3schools.com)에 검색 후 예제 복사 붙여넣기로 실행해보고 난 후 정의 확인 tag: 제목 강조 언더라인 제목 h1~h6 : 6으로 갈수록 크기가 작아짐 줄바꿈 : 닫지 않아도 됨 단락 //css에서 여백을 나타내는 코드 이미지 추가 : unorderd list 목록 : ordered list 자동으로 숫자 매겨짐 : 체크박스 넣기 html - 기본 환경 설정 html 에디터 - atom 바탕화면에 파일 생성 후 atom에 들어가서 파일 열기 new file로 파일 생성 '이름.html' ctrl+o로 열기 내용 입력 후 ctrl + s로 저장하면 화면에 출력됨 이전 1 2 다음
