web大前端-------初识html
html基本结构
h 标签和 p 标签
<html><head><text>基本标签</title></head><body><!--一级到六级标题--><!--h1定义最大的标题,h6定义最小的标题,h标签是成对出现的,以<h>开始,以</h>结束。h1,h2,h3,h4,h5,h6,作为标题标签,并且依据重要性递减。遵循这样的原则是很有必要的,它能让页面的层级关系更清楚,让搜索引擎更好地抓取和分析出页面的主题内容等等。--><!--无论内容有多少都是独占一段--><h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6><--!这就是h标签了-->
<--html中 p 是一个用于定义段落的html标签-->
<p>
html标签<p>是段落的意思,其中p是paragraph英文段落的缩写。<br>段落是中英文里的概念基本类似,就是文本块,不同的段落一般要另起新行。<p >元素会自动在其前后创建一些空白。
</p>
<!--段落想要换行用br-->
<br>
<!--加下划线用hr-->
<!--hr的/在它后面-->
<hr/>
<p>
html标签<p>是段落的意思,其中p是paragraph英文段落的缩写。段落是中英文里的概念基本类似,就是文本块,不同的段落一般要另起新行。<p >元素会自动在其前后创建一些空白。
</p>
注释标签 < !---->
标题标签 h1 h2 h3 h4 h5 h6
段落标签 p
换行 br
下划线hr/
<html><head><title>李清照简介</title></head><body><h1>人物简介</h1><p><b>李清照</b>(<i>1084年3月13日~1155年5月12日</i>),宋代女词人,号易安居士,婉约词派代<br>表,有“千古第一才女”之称。早期生活优裕,金兵入据中原时,流寓南方,境遇孤苦。<br>所作词,前期多写其悠闲生活,后期多悲叹身世,情调伤感。形式上善用白描手法,自辟<br>途径,语言清丽。论词强调协律,崇尚典雅,提出词“别是一家”之说,反对对作诗文之<br>法作词,留有诗集《易安居士文集》、《易安词》等。</p><hr/>© 简单尝试一下</body>
</html></head><body><h2>空格符号</h2>符号<br>符 号<br><!--半角空格-->符   号<br><!--全角空格-->符   号<br><hr/><h2>大于小于号</h2><span>符号</span><br><hr/><h2>双引号</h2>"符号"<hr/><h2>版权符号</h2> ©符号</body>
</html>
<html>![在这里插入图片描述](https://img-blog.csdnimg.cn/7527d84b304240b9b0939a844af57f46.png#pic_center)<head><title>图片的引用</title></head><body><!--src:图片路径绝对路径:从盘符开始相对路径:相对于当前编辑的文件寻找图片,添加图片名字1、先跳到能看得到图片所属的文件位置2、再进到图片所属路径./:同级目录../:回到上一级,不用写上级文件名title:鼠标悬浮时的提示文字alt:图片未加载时的代替文字width:图片宽度height:图片高度--><img src="D:\workspace\初始html\img\核桃.png" title="" alt="" width="" height=""><img src="./img/核桃.png" title="核桃" alt="核桃" width="100" height="100"><img src="../img/核桃.png" title="" alt="" width="" height=""><img src="https://ts1.cn.mm.bing.net/th?id=OIP-C.iilMusn3clq4IvVfdvzjOwHaKe&w=210&h=297&c=8&rs=1&qlt=90&o=6&pid=3.1&rm=2"title="" alt="" width="" height=""></body>
</html>
web大前端-------初识html相关推荐
- 02.Web大前端时代之:HTML5+CSS3入门系列~H5结构元素
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 1.结构元素 可以理解为语义话标记,比如:以前这么写&l ...
- 04. Web大前端时代之:HTML5+CSS3入门系列~HTML5 表单
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 一.input新增类型: 1.tel:输入类型用于应该包 ...
- 【JAVA企业级开发】浅谈关于在WEB大前端已然降临的时代中,你是否还是在学习jsp、freemarker、velocity、themleaf等模板引擎么?
这里写目录标题 一级目录 二级目录 三级目录 一在java领域,表现层技术主要有四种:`jsp.freemarker.velocity,themleaf` 1jsp是大家最熟悉的技术 2velocit ...
- 2019 年web大前端技术趋势分析
一晃眼 2019 年已过大半,年初信誓旦旦要学习新技能的小伙伴们立的 flag 都完成的怎样了?2019 年对于大前端技术领域而言变化不算太大,目前三大技术框架日趋成熟,短期内不大可能出现颠覆性的前端 ...
- 撩课-Web大前端每天5道面试题-Day7
1. 你能描述一下渐进增强和优雅降级之间的不同吗? 定义: 优雅降级(graceful degradation): 一开始就构建站点的完整功能, 然后针对浏览器测试和修复渐进增强(progressiv ...
- 撩课-Web大前端每天5道面试题-Day39
1.谈谈你对webpack的看法? WebPack 是一个模块打包工具, 你可以使用WebPack管理你的模块依赖, 并编绎输出模块们所需的静态文件. 它能够很好地管理. 打包Web开发中所用到的`H ...
- 撩课-Web大前端每天5道面试题-Day12
1. 请写出至少5个html5新增的标签,并说明其语义和应用场景? section:定义文档中的一个章节;nav:定义只包含导航链接的章节; header:定义页面或章节的头部; 它经常包含 logo ...
- 撩课-Web大前端每天5道面试题-Day38
1.JavaScript实现二分法查找? 二分法查找,也称折半查找,是一种在有序数组中查找特定元素的搜索算法. 查找过程可以分为以下步骤: (1)首先,从有序数组的中间的元素开始搜索,如果该元素正好是 ...
- 撩课-Web大前端每天5道面试题-Day24
1.下面的代码将输出什么? for (var i = 0; i < 5; i++) {setTimeout(function() { console.log(i); }, i * 1000 ); ...
- 撩课-Web大前端每天5道面试题-Day40
1.git fetch和git pull的区别? git pull:相当于是从远程获取最新版本并merge到本地git fetch:相当于是从远程获取最新版本到本地,不会自动merge 复制代码 2. ...
最新文章
- 你在听音乐的时候能否感受到背后有“寒意“?
- 【CV】54篇最新CV领域综述论文速递!涵盖14个方向:目标检测/图像分割/医学影像/人脸识别等方向...
- 16-CoreData之多表关联(存储自定义数据模型)
- 杭电 2036 改革春风吹满地【求多边形面积】
- 通过 Transifex 中文化开源软件
- CF773E Blog Post Rating(推导min的通项/线段树)
- Apache配置SSL证书服务器傻瓜步骤
- Qt工作笔记-动态曲线图
- python开发的类似stardict工具
- Entity Framework Codefirst的配置步骤
- jsch 长连接_广濑连接器DF13
- 【成功解决】Error:(3, 46) java: 程序包org.springframework.context.annotation不存在
- 如何查看Spark日志与排查报错问题
- 协同系统php,php然之协同管理系统
- springboot+redis实现文章浏览量记录
- agent常见处理问题的处理
- 冯·诺依曼体系结构 -- 理解
- 题解-打印空心六边形
- 如何导入阿里巴巴字体图标
- web语义化之SEO和ARIA