01-初识HTML

来源：互联网发布：阅读ebk3的软件编辑：程序博客网时间：2024/05/27 20:36

首先html标记要记住

h标签：把页面上的文字加上标题的语义。

<html>  <head>   <title>   </title>   <body>      <h1>      </h1>      <h2>      </h2>     <h3>      </h3>      <h4>      </h4>      <h5>      </h6>      <h6>      </h6>      <p></p>   </body>  </head></html>

P标签：给页面上的文字加上了段落的语义：
img标签：

<img src="1.jpg" alt="张一山" title="这是一个明星" >
> <img src="../img/1.jpg" alt="张一山" title="这是一个明星" > <img src="../2.jpg" alt="狗狗" title="这是一个狗狗" >

src：是图片的路径
alt：是当图片显示不出来的时候的提示
title：是鼠标放在图片上显示的图片名
a标签：超级连接标签就是从一个页面链接到另外一

`
href是键路径是值共同组成>

<!DOCTYPE htm<html> <head> <title></title> </head> <body> <a href="08目标页面.html">去相亲</a> </body> </html>回到顶部`
a标签会跳转到另一个页面去
去相亲这个a标签不会跳转到另一个页面去

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head>    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">    <title>Document</title></head><body>    <b>这是加粗</b>    <i>这是i标签</i>    <u>这是U标签</u>    <s>这是s标签</s><br />      建议这些标签不要使用 因为这些标签没有语义 <br />    <strong>这是strong标签</strong>    <ins>这是ins标签</ins>    <em>这是em标签</em>    <del>这是del标签</del> <br />    建议使用这些标签 给包裹的内容增加语义 起到加强语气的作用</body></html>

b：加粗
标签的一个分类：双标签：有开始有结束
单标签：只有一个标签，自己闭合自己
开发工具的选择：
dreamwaver：偏向设计
sublime：自带功能不全，但是插件丰富
webstorm：自带功能比较全
w3shool字典

sublime使用

快捷键：html：xt ctrl+e 可以自动生成
输入标签 tab直接补全
ctrl+n新建文件
ctrl+o打开文件

阅读全文

0 0