学习目标:
掌握一些简单html标签的含义即用法
html基本框架中的标签
- <html lang="en"> 这是指编辑这个html文件作用的语言,‘en’即是英语的缩写,但是并不意味着这个文件只能出现英文,中文同样能出现,只是在浏览器中会不会触发翻译而已。(zh-CN 为简体中文)
- <meta charset="UTF-8"> 指的是编码方式,而UTF-8几乎包括了所有文字,为常用编码方式,采用这种编码方式编写的,别人查看一般不会乱码。
- <title>Document</title>为标题页的名字,decument即是要显示的文字
有待补充。。。
常用标签
以下均为<body>部分标签
- <h1>~<h6>为一到六级标题,显现的效果和使用也和一般的文章标题一样,即粗细和大小会逐渐递减,使用方法:<h1>要写的标题</h1>
- <p></p>为段落符,使用:<p>要写的段落文字</p>
- <br />为换行符,为数不多的“单身符”,浏览器读到这个标签时就会换行
- <strong></strong>和<b></b>为加粗标签,使用:<b>加粗字</b>
- <em></em>和<i></i>为倾斜标签
- <del></del>和<s></s>为删除线标签
- <ins></ins>和<u></u>为下划线标签
- <div></div>大标签独占一行,即在浏览器画了一行区域这个区域只能放标签中的内容,简单理解一个图片占一行 <span></span>小标签,理解为可以把几个图片放在同一行
- <img src="图片.jpg"/>图片标签,<img src="图片.jpg" alt="代替文字">运行时当图片找不到会在浏览器中出现“代替文字”,如下图1。<img src="图片.jpg" title="代替文字" >即在运行时把鼠标光标放在图片上会显示“代替文字”,<img src="图片.jpg" width="x"或height="y">可以修改图片大小,一般只修改长或者宽,图片会自动调整大小, <img src="图片.jpg" border="x">可以修改图片的边框
![](https://img-blog.csdnimg.cn/b19a745c02c54232aaf68c682fe4a7d6.png)
10.<a href="" target="">文字或者图片</a>为链接标签,href后跟网址,target后跟打开新标签的方式,若跟_blank就是新开个网页标签,若是_self就在本页面刷新进入网址对应的页面,跟#号就是空连接,也可跟下载压缩包
11. <!-- 文字-->为注释标签,快捷键ctrl+/
12.