HTML CSS基础标签与效果示例

HTML

需积分: 0 148 浏览量更新于2023-12-25 收藏 8.63MB DOCX 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

HTML CSS基础是网页制作的基础，可以通过使用HTML（超文本标记语言）和CSS（层叠样式表）来创建美观的网页。在HTML中，有一些常用的标签和属性，如粗体文字使用<b>标签，强调文字使用<em>标签，加强调文字使用<strong>标签，斜体显示使用<i>标签，上标使用<sup>标签，下标使用<sub>标签，换行使用<br/>标签，段落标记使用<p>标签，一级标题使用<h1>标签，无序列表使用<ul>标签，无序列表项使用<li>标签，有序列表只需将<ul>换成<ol>即可变为有序列表。此外，还可以使用<hr/>标签显示一条水平线，使用<a>标签建立超链接，其中属性target=_blank表示在新窗口打开链接，target=_self表示在当前窗口打开链接，href属性可以指向网站、图片、文档等，也可以使用mailto属性发送电子邮件。在CSS中，可以通过选择器来选择要样式化的HTML元素，然后设置相应的样式。CSS可以控制页面的布局、字体、颜色、背景等属性，有助于提升页面的美观度。代码示例如下： ``` <!DOCTYPE html> <html> <head> <style> body { font-family: Arial, sans-serif; } h1 { color: blue; text-align: center; } p { font-size: 18px; } .container { width: 80%; margin: 0 auto; } img { border-radius: 50%; } </style> </head> <body> <div class="container"> <h1>Welcome to My Website</h1> <p>This is a paragraph with <b>bold</b>, <em>emphasized</em>, and <strong>strongly emphasized</strong> text.</p> <p>This is another paragraph with <i>italic</i> text and some <sup>superscript</sup> and <sub>subscript</sub>.</p> <br/> <p>Here is an unordered list:</p> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> <hr/> <p>And here is an ordered list:</p> <ol> <li>First item</li> <li>Second item</li> <li>Third item</li> </ol> <p>Click <a href="https://www.example.com" target="_blank">here</a> for more information.</p> <a href="mailto:info@example.com">Contact us</a> <img src="example.jpg" usemap=""> </div> </body> </html> ``` 此代码演示了如何使用HTML和CSS创建一个简单的网页，包括设置全局字体、页面标题、段落文本、无序和有序列表、水平线、超链接和图片。通过学习HTML和CSS基础，可以为进一步学习网页设计和开发打下坚实的基础，同时也能够更好地理解网页中的各种元素和样式属性。

资源详情

资源推荐

1、单行文本输入框 text

<form>

登陆信息<br>

用户名称

用户密码

<input type="password" name="password" size=”20”

maxlength=”15”><br>

<input type="submit" value="

</form>

" 定义文本框宽度，单位为单个字符宽度

 定义输入最大字符长度

2、多行文本输入框 textarea

<form>

输入您的建议：<br>

<textarea name="yoursuggestion" cols="20" rows="5"

wrap="

输入内容过多

" ></textarea>

<br>

<input type="submit" value="

提交

</form>

剩余24页未读，继续阅读

Sponge_bob_

粉丝: 8
资源: 2

HTML CSS基础标签与效果示例

html+css基础知识.docx

Web基础题(html+css).docx

HTML+CSS基础知识点.pdf

两个docx文档，1.docx和2.docx，需要将1.docx文档中的页眉页脚复制到2.docx，用java编写，使用开源jar包，比如poi，poi-tl，docx4j等等，请注意验证你提供的代码中的方法，麻烦给我源码。

使用python将xx文件夹下的.sv文件复制到mode.docx文件并另存为.sv文件名的.docx文件

.docx文件在vscode打开后。.docx文件发生了错误

两个docx文档，1.docx和2.docx，需要将1.docx文档中的页眉页脚同步到2.docx，用java编写，使用开源jar包，比如poi，poi-tl，docx4j等等，麻烦给我源码

将每个子文件夹里的.docx文件都合成一个.docx文件

使用python编写代码将一个文件夹下的所有子文件夹下的.sv文件按照文件名称为model.docx的文件格式转化为与.sv同名的.docx的文件，页眉写上该.SV文件的名称

系统源代码使用说明.docx

将xx文件夹下的每个子文件夹里的.docx文件都合成一个.docx文件

接口文档示例.docx

"linkUrl ": [ {label: "avue文档.docx", value: "http://59.219.204.221:2015/vingsoft/upload/20230721/d70856f4050948bd2de3d01a7014dd76.docx"}, {label: "avue文档.docx", value: "http://59.219.204.221:2015/vingsoft/upload/20230721/d70856f4050948bd2de3d01a7014dd76.docx"}, ] 遍历这个数组

在vs code里怎么打开.docx文件

raise PackageNotFoundError( docx.opc.exceptions.PackageNotFoundError: Package not found at 'example.docx'

写一个提取.docx文档首行内容并以此重命名该文档程序

最新资源