热门关键字:
jquery > jquery教程 > jquery教程 > html基础介绍、基础标签以及文字样式

html基础介绍、基础标签以及文字样式

331
作者:管理员
发布时间:2021/2/8 15:54:11
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3965
  HTML基本介绍:


  html作为文件后缀名,就可以让文件变成网页,可以用浏览器所打开;


  实际,html是一门编程语言,叫做《超文本标记语言》;


  html的作用,就是制作网页;


  标记:html这门语言的基本组成单元 <内容>,大部分都有开始和结束的区别


  注意:把文件的后缀名改成doc 就会变成window文件,改成txt,就会变成文本文件


  格式:


  <html> --开始标记


  <head></head> --头标记,作用:用来控制网页的布局、编码、特效等内容


  <body></body> --主题标记,作用:用来呈现网页的具体内容


  </html> --结束标记


  DW简介:


  一般不用实时视图,常用代码,拆分,设计


  创建网页:


  文件新建--》空白页--》HTLM,无


  注意:<meta httpequiv="Content-Type"content="text/html;charset=utf-8"/> 是编码方式,不能删除。如果删除,中文会变成乱码


  标记的属性:<body>在body后空格就会出现body的属性


  body中的背景颜色(bgcolor)和背景图片(background)


  文本:


  基础样式,6种:加粗,倾斜,下划线,颜色,尺寸,字体


  一、加粗<b>、倾斜<i>、下划线<u>


  <b><i><u>要编辑的内容</u></i></b><br />


  二、颜色<font>,尺寸<size>,字体<face>--size只提供了七个字号


  <font face size>要编辑的内容</font>


  注意:结束标记没有属性。换行标记<br />


  <p> - 段落


  特点:默认空一行


  - 空格,打多少个就有多少个空格


  插入图片:


  需要注意三点:


  一、插入的是哪一张图片 - 图片路径


  二、图片的尺寸,点中图片--》右键属性--》点文件夹替换--》宽度高度那有个小锁,锁住


  三、title,作用:图片加载不出来,或是把鼠标放在图片上显示出来的内容


  代码格式:


  <img src="图片路径"width(宽度)="数"height(高度)="数"> --可以只设置宽度或是高度


  扩展:


  插入动态图片(gif结尾的图片):<img src="图片路径,gif结尾的图片"width>


  下载其它网页中的好看的图片:按f12--》选好图片所在的区域--》找到图片的代码--》双击打开--》打开后往下拖看到网址,打开另存为


  超级链接:


  要注意三点:


  一、文本:显示给用户看,并且可以点击的


  二、链接


  三、targer


  代码格式:


  <a href="目标的链接" target="属性">文本或是<图片></a>


  <a href="目标的链接" target="属性">文本<图片></a>


  target(目标)的属性:black在新页面打开,self在自身打开


  body的属性:


  bgcolor 页面背景色


  text 文字颜色


  topmargin 上页边距


  leftmargin 左页边距


  rightmargin 右页边距


  bottomargin 下页边距


  background 背景壁纸


  格式控制标签:


  <b></b> 字体加粗


  <i></i> 倾斜


  <u></u> 下划线


  <strong></strong> 字体加粗(强调,语气加强用)


  <em></em> 字体倾斜(强调,语气加强用)


  <center></center> 居中


  <br>或<br />相当于回车


  &nbsp 表示空格


  内容容器标签


  <h1></h1>…<h6></h6> 标题(会自动换行),HTML标签是通过<h1>-<h6>等标签进行定义的


  <p></p> 段落标签(段落之间空行)


  <div></div> 层标签(默认占一行)


  <span></snpa> 层标签(方便找文字)


  <ol type=" "> --ol是有序列表,引号中可以更改序号形式


  <li>内容</li>


  <li>内容</li>


  </ol>


  “ol”改为“ul”则为无序列表




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐