码迷,mamicode.com
首页 > Web开发 > 详细

HTML基础学习笔记

时间:2015-12-25 23:46:40      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:

 一、基本结构

<html>——开始标记

          <head></head>——头标记,用来控制布局、编码、特效等内容

          <body></body>——主体标记,用来呈现网页的具体内容

</html>——结束标记,比开始标记多一个斜杠/

二、标记与元素

1.文字

<font color=" 颜色" size="大小 " face="字体">要记得结束标记</font>

<b>加粗</b>       <strong>也是加粗</strong>

<i>倾斜</i>       <em>也是倾斜</em>

<u>下划线</u>

<center>居中显示</center>

&nbsp——空格 Ctrl+F7

<br>——换行

<p>段落</p>——自带与上下文隔开换行的功能

 

<h1>标题的重要性</h1>

<h2>依次递减</h2>

<h3>自带回车</h3>

<h4>h1到h6</h4>

2.图片

 可视化操作:“常用”工具栏,点击“图像”

 代码 <img src="图片路径 " width="宽 " height="高">

 图片超链接<a hrf="链接的网址"><img src="图片的地址"></a>

3.视频

 嵌入视频:视频网站 “分享”功能,复制html代码,贴在页面代码中

 

4.表格

创建:1.行数,列数;2.间距,边距;3.总宽,线宽

结构:<table>表格<tr>列数<td>行数</td></tr></table>

 <ol>有序列表

<li>自带序列号</li>

<li>自带换行</li>

</ol>

<ul>无序列表

<li>自带小圆点</li>

<li>自带换行</li>

</ul>

5.链接

可视化操作:“常用”工具栏 点击“超级链接”,在弹出的窗口中,填写“文本”“链接”

代码:<a hrf="网址">网站名称</a>

6.工具

快捷键   :在主体<body>后面输入代码  <a name="name"></a>

            在主体结束</body>前输入代码 <a hrf="#name">返回最顶部</a>  

<meta>设置页面信息

 

HTML基础学习笔记

标签:

原文地址:http://www.cnblogs.com/sjxx/p/5077264.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!