HTML学习

浏览器内核

浏览器用来解析HTML文件,常用的浏览器内核如下:
1.Trident
代表:IE、百度浏览器、360极速浏览器等。
Edge浏览器新内核——EdgeHTML
2.Gecko
代表:火狐浏览器
3.Webkit
代表:Safari
4.Blink
Blink是Webkit的分支
代表:谷歌浏览器

Web标准

HTML网页的骨架 CSS网页的样式 JS网页的行为

HTML基础标签实例

<meta charset>设置字符集
标题<p>
p段落
<hr />水平线
<br />换行
背景颜色在body中设置bgcolor

HTML文本格式化实例

<b></b>加粗
<strong></strong>加粗 强调
<i></i>倾斜
<em></em>倾斜强调
<s></s>删除线
<del></del>删除 强调语义
<u></u>下划线
<ins></ins>下划线 强调语义
sub上标
sup下标
还有类似于strong等的语义标签
<pre>会保存空格等格式

图像标签

<img>
属性:
1.alt属性替换文本
2.title鼠标在图片上悬停时显示的文本
3.border等设置图像边框的属性

链接标签

<a>
属性:
1.href是网页链接
2.target链接的打开方式:self默认在当前页面打开,blank在新窗口打开 一般写_blank

锚点定位

主要是根据链接中href的id定位。

特殊字符

在解析html文件的时候,默认将<>解析成为标签的一部分,如何在html文件中显示<>标签
'&lt'表示<,‘&gt’表示>等等还有其他一些特殊字符,参考特殊字符表。

base标签

在head标签中写入<base href='_blank'>使得所有链接都在新窗口打开

无序列表

<ul>
<li></li>
</ul>
<li>标签中可以包含其他的标签选项

有序列表

<ol>
<li></li>
</ol>
同样li标签中可以放其他的标签。

自定义列表

<dt>
<dd>对dt标签的内容进行解释说明

HTML5新特性

image.png

还有一些vedio audio等的语义化标签。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容