寒假学习HTML记录3

寒假学习HTML记录3




标题标签

<body>
<h1>标题一共有六个等级h1>
<h2>文字加粗一行显h2>
<h3>由大到小依次减h3>
<h4>从重到轻随之变h4>
<h5>语法规范书写后h5>
<h6>具体效果运行见h6>
body>

运行结果:

标题一共有六个等级

文字加粗一行显

由大到小依次减

从重到轻随之变

语法规范书写后
具体效果运行见



段落标签

单词paragaph【段落】的缩写
特点:

  1. 文本在一个段落中会根据浏览器窗口的大小自动换行。
  2. 段落和段落之间有空隙。



换行标签

单词break【换行,打断】的缩写
特点:
3.
是单表签
4.
标签只是简单地开始新的一行,跟段落不一样,段落之间会插入一些垂直地段落间距。



文本格式化标签

<strong>加粗strong><b>加粗b>
<em>斜线em><i>斜线i>
<del>删除线del><s>删除线s>
<ins>下划线ins><u>下划线u>

运行结果:
加粗加粗
斜线斜线
删除线删除线



盒子标签

标签用来布局,但是一行只能放一个
既“小盒子”
标签用来布局,一行可以用多个既“大盒子”
div是division【分割,分区】的缩写
span【跨度,跨距】



图像标签的使用

<body>
<h4>图像标签的使用h4>
<img src="https://img-home.csdnimg.cn/images/20201124032511.png"/>
<h4>alt替换文本图像显示不出来的时候用文字替换:h4>
<img src="https://img-home.csdnimg.cn/images/20201124032511.png" alt="提示文本" />
<h4>title提示文本鼠标放到图像上,提示的文字:h4>
<img src="https://img-home.csdnimg.cn/images/20201124032511.png" title="提示文本"/>
<h4>width给图像设点宽度:h4>
<img src="https://img-home.csdnimg.cn/images/20201124032511.png" width="500"/>
<h4>height给图像设点高度:h4>
<img src="https://img-home.csdnimg.cn/images/20201124032511.png" height="50"/>
<h4>width和height同时设置的时候,宽和高不会按照默认比例缩放,而是按照书写像素值:h4>
<img src="https://img-home.csdnimg.cn/images/20201124032511.png" width="500" height="1000"/>
<h4>border给图像设定边框:h4>
<img src="https://img-home.csdnimg.cn/images/20201124032511.png" border="15">
/*默认单位边框为像素xp*/
body>

运行结果:

图像标签的使用

alt替换文本图像显示不出来的时候用文字替换:

提示文本

title提示文本鼠标放到图像上,提示的文字:

width给图像设点宽度:

height给图像设点高度:

width和height同时设置的时候,宽和高不会按照默认比例缩放,而是按照书写像素值:

border给图像设定边框:

/*默认单位边框为像素xp*/


图象标签属性注意点:

  1. 图像标签可以拥有多个属性,必须卸载标签名的后面。
  2. 属性之间不分先后顺序,标签名与属性,属性与属性之间均以空格分开。
  3. 属性采取键值对的格式,即key="value"的格式,属性=“属性值”。

你可能感兴趣的:(学习html,html)