HTML---初始:
web应用技术:
客户端技术:HTML(超文本标记语言)、CSS(层叠样式表)、Flash(交互式矢量动画制作技术)、客户端脚本技术(JavaScript、JQuery、VBScript、Ajax。。。。)
服务端技术:CGI(早起最早的动态网页技术)、ASP、PHP、Asp.Net、JSP。。。。
网页设计----HTML标记语言(Hypertext Markup Language):
HTML是用户描述草文本中内容的显示方式: HTML文件后缀以.html结尾。。。。
HTML5文档结构:
-
<!DOCTYPE html>,<!DOCTYPE> 声明必须是 HTML 文档的第一行,标识HTML5的文档模式,
-
<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令
- 请始终向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型。
- <html>:这个标记是HTML的开头,是最大的HTML文件的结构层,顶层。。。是一个标记对,,,任何的HTML相关的必须放在里面。。
- <head>:标识HTML头部文件,可以放置网页title,还有CSS层叠样式,或者JavaScript内嵌代码区。。
- <title>:这个标记对,是用于网页上的标题。
- <body>: HTML主体内容放置区域,,网页显示的所有内容都放在body标记里面。。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>标题</title> </head> <body> 内容 </body> </html>
HTML常用标记:
- 换行标记:<br> 这是一个单标签
- 段落标记:<p> 内容</p>
- 标题标记:<h1>内容</h1> <h :1~6>内容</h:1~6>
- 居中标记:<center> 内容</center>
- div盒子模型的分区元素。。
- 列表:
- 无序列表:<ul> <li>内容1</li> <li>内容2</li>.。。。。。</ul>
- 有序列表:<ol> <li>内容1</li> <li>内容2></li>。。。。。</ol>
- 表格标签:
- <table> <caption>标题标记</caption> <th></th> <tr> <td> 内容1</td> <td>内容2</td>。。。。</tr>
- 表单标记:<form> 文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。 </form>
- 表单标签是输入标签(<input>){重要属性:type{
- button
- checkbox
- file
- hidden
- image
- password
- radio
- reset
- submit
- text
- url
- number
- range
- <output >元素用于不同类型的输出,比如计算或脚本输出:
- <keygen> 元素是密钥对生成器(key-pair generator)。当提交表单时,会生成两个键,一个是私钥,一个公钥。
- datalist 元素规定输入域的选项列表。列表是通过 datalist 内的 option 元素创建的。
- 下拉框标记::<select> <option>内容1</option><option>内容2</option>。。。。 </select>
- select 标签里面的属性:name、id、size、disabled、multiple。
- 多行文本标记:<textarea>内容</textarea>
- textarea标签里面的属性:cols、rows、name、disabled、readonly、wrap{hard、soft、off}。。
- 超链接:<a href=" "> </a>
- 图片标记:<img src=" " width height border alt >
- HTML5新标记:<section> 表示页面一个区域
- <article></article>:表示页面中的一块与上下文不相关的独立类型。
- header 这个标记区域里面的都是标题
- footer 内容区域脚注
- aside 当前页面的附属信息部分。
作者:隔壁老郭
个性签名:独学而无友,则孤陋而寡闻。做一个灵魂有趣的人!
如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,博主在此感谢!
Java入门到入坟
万水千山总是情,打赏一分行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主,哈哈哈(っ•̀ω•́)っ✎⁾⁾!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南