0
点赞
收藏
分享

微信扫一扫

有关HTML的学习整理

孟祥忠诗歌 2022-04-27 阅读 58
javascript

1.对网站与网页的理解

网站是网页的集合,网页是构成网站的基本元素,网页本质上是html文件

2.浏览器内核:具有负责读取网页内容,整理讯息,计算网页的显示方式并显示网页的一系列作用

3.HTML标签

标签分为双标签如:<html></html>(成对出现)和单标签如<br />

4.对各类标签的学习

<!DOCTYPE> 文档类型声明(告诉浏览器使用哪种HTML版本来显示网页)

如:<!DOCTYPE html>

<html lang="en"> 选择语言类型 en为英文(但中英文都可以显示)zh-cn为中文>

标题标签<h1>-<h6>(分为6级)

<h1>一级标题</h1>

作为标题使用,重要性依次递减,从1到6字号依次减小,文字加粗,独占一行

段落标签:<p>一段</p> (段与段之间会有较大空隙)

强制换行:<br />单标签 ,可以强制换行,行之间的空隙较小(与段落标签相比)

文本格式化标签

加粗:<strong></strong>(<b></b>)

倾斜:<em></em> (<i></i>)

删除线:<del></del>(<s></s>)

下划线:<ins></ins>(<u></u>)

图像标签

<img src="图像的路径和文件名(常使用相对路径)"/> 其中src为必须属性 (文件一般与html文件放在一起)

其他属性:alt 替换文本 当图片显示不出来时用文本来替换

                   title 提示文本   当鼠标放到图像上时显示的文字

                   width 设宽 height 设高  border 设置边框

(img 后可以跟多个属性,属性之间用空格)

超链接标签

<a href="跳转目标" target="目标窗口的弹出方式(_self 当前窗口打开  _blank另起一个窗口打开)">链接名</a>  href为必须属性

空链接为#

特殊:锚点链接 快速定位到页面中的某个位置

<a href="# two">xxx</a>

<h1 id="two">xxxx</h1> 

注解标签

<!--xxxx--> 而利用 Ctrl+”/“快捷键快速生成注解

特殊字符:空格 &nbsp;<  &lt; > &gt

表格标签

<table align="center" border="1" cellspacing="0" width="500" height="500">

        <thead> 

            <tr>

                <th colspan="3">klang</th>

                 <td>xxxx<td>

            </tr>

        </thead>

        <tbody>

            <tr>

                <td rowspan="2"></td>

                <td></td>

                <td></td>

            </tr>

            <tr>

                <td></td>

                <td></td>

            </tr>

        </tbody>

    </table>

<table></table>定义表格

<tr></tr>表格中的一行

<td></td>表格中一行的一个单元格  <th></th>表头单元格,其中的文字加粗居中

表格属性:align 对齐方式,值有left,center,right;    border 边框 值有0/1,为0时没有边框

                cellpadding 单元格边框与其内容之间的空白

                 cellspacing 单元格与单元格之间的空白大小

合并单元格(<td>的属性)

跨行合并 rowspan="合并个数"

跨列合并 colspan="合并个数"

列表

无序列表<ul></ul>,列表项<li></li>

有序列表<ol></ol>,列表项<li></li>

自定义列表<dl><dl>,列表项<dt><dt><dd><dd>

其中<ul>与<ol>中只能放<li>,但<li>中什么都可以放

input输入 <input type="属性值"/> text 输入内容为文本,password输入内容为密码

举报

相关推荐

0 条评论