掌握网页代码基本格式

人气:270 ℃/2023-08-03 18:19:51

网页代码有固定的基本格式。下面,我们来看看网页代码基本格式是什么样的吧。

操作方法

基本格式如下

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>这里填写标题</title>

</style>

</head>

<body>

HTML代码

</body>

</html>

标示符

网页代表是用标示名来表示开始和结束的,比如

<head></head>表示网页的头部

<title></title>表示网页的名称

<body></body>表示网页的主体部分

段落

<p style="color:blue;font-size:20px;">段落</p>>

运行

然后在浏览器中运行,如下图所示:

网页设计基础代码大全

web开发中HTML 基础代码速查手册大全

在编写程序中查阅手册是程序员经常会做的,无论是多么优秀的程序员,在写程序的过程中总会遇到问题需要通过查阅手册大全来解决,毕竟大脑容量有限,你不可能记住所有的知识。今天给大家分享在web开发中HTML 基础代码速查手册大全,希望对用到的同学能有所帮助!

HTML 速查手册大全

htmL 文档类型

XHTML 简介

HTML Basic Document

<html><head><title>Document name goes here</title></head><body>Visible text goes here</body></html>

Text Elements

<p>This is a paragraph</p><br> (line break)<hr> (horizontal rule)<pre>This text is preformatted</pre>Logical Styles<em>This text is emphasized</em><strong>This text is strong</strong><code>This is some computer code</code>Physical Styles<b>This text is bold</b><i>This text is italic</i>Links, Anchors, and Image Elements<a href="http://www.example.com/">This is a Link</a><a href="http://www.example.com/"><img src="URL"alt="Alternate Text"></a><a href="mailto:webmaster@example.com">Send e-mail</a>A named anchor:<a name="tips">Useful Tips Section</a><a href="#tips">Jump to the Useful Tips Section</a>Unordered list<ul><li>First item</li><li>Next item</li></ul>Ordered list<ol><li>First item</li><li>Next item</li></ol>

Definition list

<dl><dt>First term</dt><dd>Definition</dd><dt>Next term</dt><dd>Definition</dd></dl>Tables<table border="1"><tr><th>someheader</th><th>someheader</th></tr><tr><td>sometext</td><td>sometext</td></tr></table>Frames<frameset cols="25%,75%"><frame src="page1.htm"><frame src="page2.htm"></frameset>

Forms

<form action="http://www.example.com/test.asp" method="post/get"><input type="text" name="lastname"value="Nixon" size="30" maxlength="50"><input type="password"><input type="checkbox" checked="checked"><input type="radio" checked="checked"><input type="submit"><input type="reset"><input type="hidden"><select><option>Apples<option selected>Bananas<option>Cherries</select><textarea name="Comment" rows="60"cols="20"></textarea></form>Entities< is the same as <> is the same as >© is the same as ©Other Elements<!-- This is a comment --><blockquote>

Text quoted from some source.

</blockquote><address>Address 1<br>Address 2<br>City<br></address>

以上就是为大家分享的在web开发中HTML 基础代码速查手册大全,更多web前端学习资料,可以关注“武汉千锋”微信公众号免费领取!

推荐

首页/电脑版/网名
© 2025 NiBaKu.Com All Rights Reserved.