HTML and CSS for beginners – Web design tutorial

실제 콘텐츠를 볼 때 웹 페이지를 방문 할 때? 화면에서 볼 수있는 것은 브라우저가 코드 내용을 기반으로 의사 결정을 내리는 것입니다 그리고이 모든 코드는 어떻게됩니까? 글쎄, 브라우저는 그것을 사용하여 웹 페이지를 렌더링합니다

이 정보를 사용하여 모두가 페이지를로드 할 때보고있는 것을 표시합니다 때로는 이러한 유형의 상호 작용에 대한 느낌을 얻는 가장 좋은 방법은 당신이 이미 알고있는 웹 사이트 대부분의 브라우저는 코드를 직접 들여다 볼 수있게 해줍니다 그리고 그 코드를 바꿀 때? 들어가서 변화를 만들 때? 브라우저의 컨텐츠도 변경됩니다 코드와 렌더링 된 컨텐츠 간의 관계를 테스트하는 것은 엄청나게 재미 있습니다

하지만 물론, 새로 고침을 할 때 모든 힘든 일이 없어집니다 변경 사항은 로컬에서 발생합니다 브라우저에서 변경하는 것뿐입니다 MacBook Pro, 표면 스튜디오, iPhone, Atari 2600, iPad 이것들은 공통점이 있습니까? 웹 컨텐트를 렌더링하는 데이 유형의 코드를 사용합니다 그리고 모든 현대의 컴퓨팅 장치는 마찬가지입니다

그리고 이러한 유형의 코드에는 시작하려고하는 두 가지 기본 구성 요소가 있습니다 with : HTML 및 CSS HTML은 일반적으로 콘텐츠에 사용되며 브라우저에 페이지의 내용을 알려줍니다 제목, 단락, 링크, 이미지 – 이름을 지정합니다 그리고 그 날, 우리는 손으로이 모든 내용을 스타일링하는 데 사용했습니다

모든 종류의 단순한 우리가 글꼴 패밀리 또는 색상이나 크기를 변경하려는 경우처럼 인라인 – HTML 내부 다른 요소가 이와 같이 보이기를 원한다면 – 다른 것을 필요로한다면 동일한 속성을 사용하면 해당 코드를 다시 복사해야합니다 그리고 다시 그리고 다시 그리고 변화를 원하거나 다른 것을 추가하고 싶습니까? 글쎄 이제는 손으로 각 인라인 스타일을 따라 가야합니다

별로 효율적이지 않습니다 CSS 입력 : 세계 역사상 가장 위대한 발명품 더 좋을 수도 있습니다

바퀴처럼 CSS는 모든 스타일 정보 (색상 및 테두리 및 크기, 위치 지정, 활판 인쇄, 훨씬 더 – 그것은 모든 정보를 별도의 스타일 시트로 옮깁니다 그런 식으로 HTML에있는 요소 중 하나가 필요합니까? 정보를 호출 할 수 있습니다 요소는 언제든지 해당 스타일을 참조 할 수 있습니다 그 스타일을 변경 하시겠습니까? 그것은 그 스타일을 사용하는 모든 요소에 영향을 미칩니다

그래서 당신은 당신의 HTML을 가지고 있습니다 : 모든 것을 다루는 콘텐츠 그리고 당신은 CSS를 가지고 있습니다 해당 콘텐츠의 스타일을 지정하는 데 사용할 수 있습니다

HTML과 CSS의 관계는 간단합니다 웹 초창기에는 가장 기본적인 태그와 속성 만 알아야했습니다 왜냐하면 그것은 그 당시의 모든 웹 이었기 때문입니다 시간이 지나고 인터넷이 정말로 자라기 시작했습니다 장치가 변경되고 우리가 웹과 상호 작용하는 방식이 더욱 개인화되었습니다

그리고 일어난 모든 일과 같이, 다시 수리해야했습니다 디자이너와 개발자로 구축 할 수있는 가능성이 커짐에 따라 장면 뒤에서 관리해야하는 모든 작업의 ​​복잡성을 해결했습니다 이제 이것이 웹 플로우와 어떤 관련이 있습니까? 그리고 왜이 모든 것들이 HTML과 CSS에 관한 이야기입니까? 왜 우리가 그들을 덮고 있습니까? 글쎄, HTML과 CSS가 기본 토대가되기 때문입니다 이것은 우리가 무엇이든 만들 수있는 출발점입니다 우리가 다루는 것은보다 빠르고 효율적으로 움직이는 방법입니다 이 콘텐츠를 시각적으로 생성하고 조작함으로써 Google은 Google과 직접 상호 작용할 수 있습니다 HTML 및 CSS와 그 밖의 모든 것

그리고 우리가이 모든 분야에 능숙하다 할지라도 우리는 너무 많은 돈을 쓸 필요가 없습니다 우리 시대 프로토 타입을 스케치하고 출력하는 대신 단계를 거치며 단계를 거친 후 개발 프로세스의 단계에서 생산 준비 코드를 출력합니다 그래서 당신은 가장 미친 아이디어를 가지고 현실로 만들 수 있습니다