# 태그
웹 페이지 HTML 구조 한눈에 보는 확장
이 글은 웹페이지 HTML 구조 한눈에 보는 꼼수 - oneook 을 보고 작성하게 되었습니다.velog를 보다가 꼼수를 배웠다. 이 코드를 사용해서 모든 layout을 한 눈에 볼 수 있도록 해준다고 한다. 흥미롭지만 이 코드를 매번 복사하고 다니기 귀찮으니까 어딘가
2021-09-07공부
css헤더에서 메타태그, 타이틀등 SEO관련된 내용 아래단에보통 CSS를 위치시킴.스타일 통해서 지칭하여 설정할 수 있음.style> .mytitle{ color: red; font-size: 40px;
웹페이지 HTML 구조 한눈에 보는 꼼수
HTML은 쉬우면서도 어렵다. 맥락에 맞게 군더더기 없이 시맨틱 태그를 잘 활용해서 작성해야 한다. HTML 작성을 잘 한다는 것은 마치 탄탄한 글을 쓰는 것과 같다.마음에 드는 페이지가 있고, 레이아웃을 참고하고 싶은데 각 컴포넌츠를 몇 Depth까지 구현했는지 개발
HTML
HTML은 브라우저에서 실행하여 해당 결과를 볼 수 있다.(HTML, CSS, JavaScript 프로그램 제작 및 인터피리팅, 디버깅, 실행 : 브라우저에서 처리, 즉, 브라우저 자체가 실행프로그램)(JAVA 프로그램 제작 및 컴파일, 디버깅, 실행 : JDK에서 처
첫 글
첫 블로그 개설진한글자는 \*\*으로 감싸준다.글쓰는 것도 코드 형식을 따라 적는듯 싶습니다. 신기방기.기울어지는 글씨는 \_로 표시중간 취소선은 ~로 표시문단을 표시할때 쓰는 것으로 보여집니다.링크텍스트코드 작성은 ''' 코드 ''' 으로 표시문단에서 벗어나려면 엔
.jpg?w=768)
TIL 4. HTML의 여러가지 태그 #2(Form(1))
.jpg) 이번에는 html 태그 중 form과 관련된 내용을 중심으로 알아보겠습니다. form: 사용자로부터 input을 받기 위한 태그 (함께 사용하는 속성 action="API주소", method="GET|POST") input: 데이터를 받을
.jpg?w=768)
TIL 2. HTML의 여러가지 태그 #1(완전기초)
\-. h1~h4: 제목에 해당하는 글자를 지정할 때 사용하는 태그로 숫자가 작을수록 글씨가 크다\-. a: 링크를 지정할 때 사용하는 태그\-. ol: 순서가 있는 리스트를 작성할 때 사용하는 태그\-. ul: 순서가 없는 리스트를 작성할 때 사용하는 태그\-. li
HTML 핵심 요소 정리
HTML 핵심요소 정리블록 요소 특별한 의마가 없는 구분을 위한 요소 (Division)블록 요소제목을 의미하는 요소. (Heading)숫자가 커질수록 중요도는 낮다.블록 요소문장을 의미하는 요소 (Paragraph)인라인 요소이미지를 삽입하는 요소alt를 통해 이미지
HTML로 옵션주는 방법
HTML 옵션 선택 태그방법 1) 단일 선택방법 2) 다중 선택 가능 (동일한 name 지정 시, 단일 선택)선택 1선택 2
프론트엔드-03.HTML Table(테이블)
표 작성기타 테이블에서 자주 쓰이는 속성 값실제로 작성을 통해 표가 어떻게 작성되는지 알아보자.Ex)Result. (실제 HTML에서는 border 및 스타일 없이 나타남)Ex) 작성해보자Result.
프론트엔드-02.HTML List(리스트)
목록을 만들 때에 사용되는 태그들을 활용하여, 리스트를 깔끔하게 만들 수 있음ul 태그의 style 속성을 변경하려면Ex리스트 내에 리스트를 삽입하는 중첩 리스트도 가능Ex) 작성해보자.Result설명 목록 제작 시 사용Ex) 작성해보자.Result
프론트엔드-01.HTML 블록, 인라인 태그
Hyper Text markup language프론트엔드의 기초가 되는 HTML은 화면상 기본 구성요소를 만드는데에 사용된다.HTML에서의 태그는 화면에 나타나는 여러 요소들을 쉽게 이해할 수 있도록 화면 구성을 나누어주는 역할으로써 존재한다.시작 태그와 종료태그로 단