html basics

Walker0319

已于 2022-03-30 14:20:48 修改

阅读量96

点赞数

分类专栏：笔记文章标签： html

于 2021-06-05 22:45:40 首次发布

本文链接：https://blog.csdn.net/weixin_57901967/article/details/117607183

版权

笔记专栏收录该内容

33 篇文章 0 订阅

订阅专栏

html basics

source:https://htmldog.com/guides/html/beginner/
20210605

HTML is used for meaning and CSS is used for presentation.

1. getting started

type a sentence with notepad, save is as test.html, opened with browser : ./path/test.html, there is your first web page.

2. tags, atrributes and elements

2.1 <!DOCTYPE html>, document type declaration

2.2 tags: <html> </html> is opening and closing tag. some tags are “self-closing”, such as <img>

2.3 attributes: <body id=“moss”>body line text</body>, “id”,“name”,…is attributes

2.4 elements: body line text is a body elements.

3. page titles

text in title element appears on the title bar of the window, not canvas area
<head>
<title>My first web page</title>
</head>

4. paragraphs

4.1 paragraph:

4.2 emphasis:

4.3 strong importance:

4.4 line breaks:

5. headings

h1, h2, h3, h4, h5 and h6, h1 is the almighty emperor of headings, h6 lowest pleb

6. lists

unordered lists: <ul> </ul>

ordered lists: <ol> </ol>

7. links

7.1 anchor tag (a tag) define link

7.2 absolute link: <a href=“http://www.htmldog.com”>HTML Dog

7.3 relative link: <a href=“flyingmoss.html”>The miracle of moss in flight

7.4 link to another file or another part of the same page: <h2 id=“moss”>Moss, and then link to it by using something like this: <a href="#moss">Go to moss

8. images

9. tables

tr: table row
td: table data cell

<table>
	<tr>
        <td>Row 1, cell 1</td>
        <td>Row 1, cell 2</td>
        <td>Row 1, cell 3</td>
    </tr>
</table>

10. forms

<form action="contactus.php" method="post">
    <p>Name:</p>
    <p><input type="text" name="name" value="Your name"></p>
    <p>Species:</p>
    <p><input name="species"></p>
    <!-- remember: 'type="text"' isn't actually necessary -->
    <p>Comments: </p>
    <p><textarea name="comments" rows="5" cols="20">Your comments</textarea></p>
    <p>Are you:</p>
    <p><input type="radio" name="areyou" value="male"> Male</p>
    <p><input type="radio" name="areyou" value="female"> Female</p>

    <p><input type="submit"></p>
</form>

Walker0319

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html basics

html basicsource:https://htmldog.com/guides/html/beginner/20210605HTML is used for meaning and CSS is used for presentation.1. getting startedtype a sentence with notepad, save is as test.html, opened with browser : ./path/test.html, there is your fir
复制链接

扫一扫