This brief tutorial will guide you through creating your first web page. 이 짧은 튜토리얼 첫 번째 웹 페이지를 작성을 통해 여러분을 안내할 것입니다.
What is HTML, and What Do I Need? HTML은 무엇이며, 내가 뭘 할 수 있죠?
In order to create an HTML document you have to understand that HTML is the language of the Net. 순서에서는 HTML과 인터넷의 언어를 이해해야하는 HTML 문서를 생성할 수있습니다. It’sa simple yet universal mark-up language that gives web developers and designers the ability to create complex pages of text that turn into images, styles, and valuable content that can be viewed by any one person using any sort of computer or browser on the web. 아직 보편 적이면서도 웹 개발자 및 디자이너 마크 - 복잡한 텍스트의 페이지를 만들 수있는 능력을주는 언어를 단순한 스타일, 그리고 가치있는 콘텐츠가 어떤 한 사람에 컴퓨터 또는 브라우저를 사용하여 볼 수있는 모든 종류의 이미지로 전환될 웹.
Some of you may have heard that you need some sort of special software in order to publish your own HTML page, however that is a blatantly false statement. 여러분 중 몇몇을 위해, 그러나 그것도 노골적으로 허위 진술하여 자신의 HTML 페이지를 게시하면 특별한 소프트웨어의 일종 필요가 들어있을 수있습니다.
Here’sa small list of all the tools you need: 여기에 당신이 필요로하는 모든 도구의 작은 목록 :
-A word processor (such as SimpleText, BBEdit, Notepad, or Microsoft Word) - 워드 프로세서를 SimpleText, BBEdit, 메모장이나 Microsoft Word (등)
-A simple working knowledge of HTML. - HTML의 단순한 실무 지식. (Fortunately HTML is easy and fun to learn!) (다행히 HTML을 쉽고 재미있게 배울 수있습니다!)
Yup! 넵! Thats it! 그게 전부에요! These are all the tools you need as of now, told you it was small list. 이들이 당신이 지금 필요로하는 모든 도구, 작은 목록 없다고 했잖아.
Tags 태그
H yper T ext M ark-up- L anguage mostly consists of several tags that are embedded into a simple text document. H 조 yper T는 내선 남 방주 - 최대 - 대부분 간단한 텍스트 문서에 포함된 여러 개의 태그로 구성되어 패 anguage. They are really just hidden behind the scenes, controlling most of what it lets you view, and what it wants you to view at the designated time. 그들의 진짜 배후 단지, 네가 무엇을 볼 수있는 대부분의 제어, 그리고 무엇이 숨겨져있다면 지정된 시간에 볼 수있다. Hm, kind of reminds me of the parental control feature on the tv a bit. 흠, 종류의 TV에서 약간의 보호자 통제 기능이 생각난다.
HTML tags heavily take into account the existance of the English language. HTML 태그를 심하게 계정으로 영어 교육의 존재하다. As most of the tags are words (such as blockquote) or abbreviations (such as “p” for paragraph), but they’re uniquely separated from the regular text since they’re placed in small angle brackets (such as these < >). 대부분의 단어로 태그 인용구 (등) 또는 약어 (예 : "p"가 단락에 대한)이지만, 이후 그들은 작은 각도를 괄호 안에 (그들 고유 같은 위치로 구분된 일반 텍스트에서 이러한 <>) . Therefore the bold tag would look like <b> , and the blockquote tag is <blockquote> . 따라서 과감한 태그의 <b>처럼, 그리고 인용구 태그를 보이는 것이 <blockquote>.
There are certain tags that will have the most influence on how the page will be formatted (for example; <p> begins a new paragraph, and <br> can break the last line within the paragraph to allow a space), and others differentiate how the words appear ( <i> makes text italic). 그 방법 페이지 (예; <p> 형식이 될 예정에 가장 많은 영향력을 갖게한다 특정 태그가 있으며, 새로운 단락을 시작 <br> 본 단락 이내) 마지막 줄에 휴식 공간을 허용할 수 있고, 다른 차별화 어떻게 단어가 나타납니다 (예 : <i>) 텍스트를 기울임. Most others provide information — such as the title — that doesn’t appear on the page itself. 대부분의 다른 정보를 제공 - 제목 - 페이지 자체에 표시되지 않는 등.
One very important thing you must remember about tags is that for every one tag there is another one paired along with it. 당신이 태그에 대한 기억해야만 하나 매우 중요한 것은 매일 태그에 대한 또 다른 하나와 함께 한 쌍을입니다. Every time you use a tag - say <br> - you must also add and close it off with another tag - in this case, </br> . 당신은 태그 - 사용할 때마다 <br> - 당신도 추가해야합니다 그리고 또 다른 태그와 봉쇄 말 -이 경우에는, </ 했죠>. Note the slash - / - before the tag “br”; that’s what keeps in contrast the closing tag from the opening tag. 태그 "했죠"슬래시 참고 - / - 전에; 그게 뭔지를 여는 태그에서 닫는 태그 대조를 유지했다.
A basic HTML page always begins with the tag <html> and ends with </html> . 기본적인 HTML 페이지는 항상 <html> 태그로 시작과 끝을 </ html로>. In between, the file has two sections - the header and the body. 사이에서 파일을 두 섹션 - 헤더와 본문있다.
The header enclosed by the <head> and </head> tags - contains information about your page that won’t be visible on the final page, for example the title. 헤더의 <head>와 </ 머리> 태그로 묶여 - 예를 들어, 제목이 그 마지막 페이지에 표시되지 않습니다 귀하의 페이지에 대한 정보가 포함되어있습니다. The body enclosed by <body> and </body> - is where the real HTML action takes place. 본문에 의해 묶여의 <body>과 </ 몸> - 어디 진짜는 HTML 작업에 일어난 일입니다. Every thing that appears on the page is contained within these tags. 해당 페이지에서 이러한 태그 내에 포함된 모든 일이 나타납니다.
Now On To The HTML Document 지금은 HTML 문서로
I think we’re ready to start creating a simple page. 난 우리가 간단하게 시작 페이지를 만들 준비가 된 것 같습니다. Right? Ok the first step, of course, is to create a new text document (remember, it should be saved as “Text Only” or “Plain Text” if you’re using a word processor that’s fancier than, say, SimpleText or NotePad) and name it “anything.html” where “anything” is, um, well basically anything at all. 물론 그렇죠? 확인을 첫 번째 단계는,, 새로운 텍스트 문서를 만드는 것입니다 (기억, 그것은 "텍스트 전용"또는으로 저장해야 "일반 텍스트"만약 당신이, 그것보다, 말 애호가의 워드 프로세서를 사용하고 SimpleText 또는 메모장)와 "anything.html"장소 "아무것도"음, 잘 기본적으로 어떤 일이든지 그것 이름입니다.
Your basic document should look something like this: 귀하의 기본 문서를 이런식으로 생겼을 겁니다 :
<html> <head> 의 <head> <title>SimpleHelp.Net</title> <title-override>로 SimpleHelp.Net </ 제목> </head> </ 머리> <body> 의 <body> <h1>HTML Basics</h1> <h1> HTML을 기본 </ h1> <p>This is a simple article to help you create a working HTML page on SimpleHelp.Net!</p> 당신이 일하는 <p> 해당 SimpleHelp.Net에 HTML 페이지를 만들 수 있도록 간단한 문서입니다! </ p 서비스> <p>Simple helping on SimpleHelp.Net :)</p> <p> 단순 SimpleHelp.Net에 도움 :) </ p 서비스> </body> </ 몸> </html> </ html로>
Within the <head> tags, we have the title “SimpleHelp.Net” which will appear in the bar across the top of your browser. <head> 태그 내에서, 우리는 브라우저 상단의 건너편 제목 표시줄에 나타납니다 "SimpleHelp.Net".
Within the body tags, you should have everything that will be clearly visible on the page. 본문 태그 내에, 당신은 분명 모든 페이지에서 볼 수 있어야합니다. With what we’ve written above it will look something like this: 우리가 이런식으로 생겼을 위에 무엇을 서면으로 작성했습니다 :
HTML Basics HTML을 기본
This is a simple article to help you create a working HTML page on SimpleHelp.Net. 이렇게하면 HTML 페이지를 만들 수 있도록 노력 SimpleHelp.Net에 대한 간단한 문서입니다.
Simple helping on SimpleHelp.Net 간단한 SimpleHelp.Net에 도움
As you might have guessed, <h1> is the tag for a headline (the largest headline, in fact compared to <h2>, <h3>, and so on) and <p> , of course, marks the beginning of a new paragraph. 당신이 짐작했을지는 몰라도, <h1> 제목에 대한 태그 (최대 헤드, 사실 <h2>, <h3>하고, 그렇게 할 일)과 비교 <p> 물론, 자국의 시작은 새로운 단락. Each paragraph is closed off by a corresponding </p> tag. 각 단락에 의해 폐쇄되는 <해당 / p 서비스> 태그입니다. As should every other tag be closed off by their correspondant tags that include a “/”. 태그가 포함된 자신의 특파원으로서 다른 모든 태그에 의해 폐쇄해야 "/".
Does “HTML-ing” seem pretty simple? "는 HTML -"대답은 아주 간단하게 보이나요? Well guess what? 그럼 어떻게 됐을까? It sure is! 그것은 확실하다!
Every page has a source code and this can with this you can view every web pages HTML code by accessing it through your browsers menu options. 모든 페이지의 소스 코드를 가지고 이것이 당신이 당신의 브라우저 메뉴 옵션을 통해 그것에 접근하여 HTML 코드를 모든 웹 페이지를 볼 수있습니다. And best of all, you don’t need your own homepage to practice! 그리고 무엇보다도 연습을 자신만의 홈페이지를 필요 없어! You can save HTML documents on your local or portable drives and then have them open up using the Open option under the File menu within your browser. 당신과 그들의 파일 메뉴에서 열기를 누른 다음 옵션을 사용하여 브라우저 내에서 열려 있어야 로컬 또는 이동식 드라이브에 HTML 문서를 저장할 수있습니다.
I wish you all the best of luck as hopefully this has helped a couple novice readers create an HTML page and maybe even helped refresh a few of the more intermediate developers minds as well. 바라건대이 몇 초보자로서 독자와 HTML 페이지를 작성 어쩌면 잘 개발자로서 더 마음 중간에 몇 새로고침 도움이 도움이 난 행운의 모든 최선을 다하길 바래.
Feel free to comment! 코멘트를 무료로 느껴봐!
{ 0 comments… (0 코멘트 ... add one now 지금 하나 추가 } )
Leave a Comment 코멘트를 남겨주세요