web前端开发笔记——html网页设计基础
2020-07-30 10:35
106 查看
第一个网页
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的第一个网页</title> </head> <body> <h1>这是一个标题</h1> <h1>h1</h1> <h2>h2</h2> <h3>h3</h3> <h4>h4</h4> <h5>h5</h5> <h6>h6</h6> <p>这是一个段落</p> <br/> <p>br/换行</p> <hr> <p> hr/水平线</p> <a href="http://cn.bing.com">这是一个链接cn.bing.com</a> <br> <img src="./img/thZX6T9OIA.jpg" width="150" height="150"/> <p>这是一张图片</p> </body> </html>
- < !DOCTYPE html>声明为html5文档
- < html>是html网页的根元素
- < head>是网页的头部其中包含meta用来定义网页的编码格式
- < title>是网页的标题
- < body>是网页的主体,在网页中可见的部分
- < h1>定义一个标题
- < p>定义一个段落
- < br>换行标签
- < hr>水平线标签
- < a href=" ">链接标签
- < img src=" ">图片标签
相关文章推荐
- 网页设计、web前端、后台的开发流程和注意事项
- web前端——html基础笔记 NO.13{盒模型,颜色值,字体的缩写}
- 20150726 Web前端开发基础html+css
- 学习笔记(01):HTML+CSS前端基础开发视频教程-无序列表
- 学习笔记(30):HTML+CSS前端基础开发视频教程-大布局
- WEB前端基础(HTML+CSS+JavaScript)(上)最好看最详细的笔记~
- 前端开发基础学习笔记html标签
- Web前端开发精品课HTML CSS JavaScript基础教程CSS部分知识点总结
- web前端基础教学视频分享(一)html+css+js基础教学(附淘宝网站开发教程)
- 学习笔记(04):HTML+CSS前端基础开发视频教程-表格
- 学习笔记(16):HTML+CSS前端基础开发视频教程-margin特性
- web前端基础之HTML知识总结,了解后轻松做网页
- 学习笔记(21):HTML+CSS前端基础开发视频教程-浮动的元素依次贴边
- web前端——html基础笔记 NO.7
- 前端开发笔记(1)html基础
- Web前端开发精品课HTML CSS JavaScript基础教程JavaScript部分知识点总结
- Html+CSS+JS实现侧边下拉导航栏(web前端开发基础)
- web前端入门知识笔记——html基础(传智播客)
- Web前端开发精品课HTML CSS JavaScript基础教程第十四章课后编程题答案
- Web前端开发精品课HTML CSS JavaScript基础教程第十三章课后编程题答案