html中的小细节

由于平时不怎么接触html,导致我很多html中的属性都忘记是干嘛了,今天巩固一下。

lang

html标签中有个 lang 属性,这个属性用于规定你的这个网页是什么语言,(注意:设置这个语言不是会改变你网页的语言,你网页里你写的啥还是啥),那这个lang属性到底有什么作用呢,其实这个lang是给浏览器提供的网页语种,这样的话,如果一个人的浏览器的默认语种是中文,但是你这个网页的lang属性值不是中文,那么打开这个网页,浏览器就会拿这个lang属性跟浏览器的默认设置做对比,对比不一样,就会弹出一个是否翻译网页。

  • 7
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML网页制作的细节包括以下几个方面: 1. HTML结构代码:HTML网页的基本结构由`<!DOCTYPE html>`声明、`<html>`标签、`<head>`标签和`<body>`标签组成。在`<head>`标签可以设置网页的标题、引入外部样式表和脚本等。 2. 页面布局:可以使用HTML标签来定义网页的布局,如`<header>`标签用于定义网页的页眉,`<nav>`标签用于定义导航栏,`<main>`标签用于定义网页的主要内容区域,`<footer>`标签用于定义网页的页脚等。 3. 文本内容:可以使用HTML标签来定义文本内容的样式和结构,如`<h1>`到`<h6>`标签用于定义标题,`<p>`标签用于定义段落,`<a>`标签用于定义链接等。 4. 图片和多媒体:可以使用`<img>`标签来插入图片,通过设置`src`属性指定图片的路径。可以使用`<video>`标签和`<audio>`标签来插入视频和音频。 5. 表格:可以使用`<table>`标签来创建表格,通过`<tr>`标签定义表格的行,通过`<td>`标签定义表格的单元格。 6. 表单:可以使用`<form>`标签来创建表单,通过`<input>`标签定义表单的输入字段,如文本框、复选框、单选按钮等。 7. 样式和布局:可以使用CSS来设置网页的样式和布局,通过`<style>`标签或外部样式表引入CSS代码。 8. JavaScript交互:可以使用JavaScript来实现网页的交互功能,如表单验证、动态效果等。 9. 响应式设计:可以使用CSS媒体查询和响应式框架来实现网页在不同设备上的适配。 下面是一个简单的HTML网页制作的例子: ```html <!DOCTYPE html> <html> <head> <title>My Webpage</title> <style> body { font-family: Arial, sans-serif; } h1 { color: blue; } .container { width: 80%; margin: 0 auto; } </style> </head> <body> <header> <h1>Welcome to My Webpage</h1> </header> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </nav> <main> <h2>About Me</h2> <p>I am a web developer with experience in HTML, CSS, and JavaScript.</p> <img src="image.jpg" alt="My Photo"> </main> <footer> <p>© 2021 My Webpage. All rights reserved.</p> </footer> </body> </html> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值