Html+Css（张鹏）听课笔记1
1、最好的学习html方式：参考查看他人网站的网页源代码
2、语法：
（1）双标记：<标记符 属性="值">内容</标记符>
（2）单标记：（a）<标记符 属性="值" />
            （b）<标记符 />
3、老师：seo100@126  QQ1725210
4、在xhtml中规定所有标记符都要小写，所有标记符（包括单标记符）都要有关闭，如<br />（在html中是<br>）
5、html文档结构：html frame
<html>
    <head>
        <title>
        标题
        </title>
    </head>
    <body>
    正文
    </body>
</html>
6、meta标记位于<head></head>之间，用于定义文件信息，对网页文件进行说明，便于搜索引擎查。
（1）设置关键字：将name赋keywords，content赋具体的关键字
    <meta name="keywords" content="网页设计培训，java编程培训，ios开发培训">
（2）设置描述：将name赋description，content赋具体的描述内容
    <meta name="description" content="最全最便宜的培训基地，菜鸟走向高手">
（3）设置字符集：将http-equiv赋content-type，content赋具体的字符集，如utf-8和gb2312
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
（4）设置页面跳转：将http-equiv赋refresh，content赋具体的秒数和跳转网址
    <meta http-equiv="refresh" content="2;URL=www.sohu" />
7、EditPlus
（1）复制一行ctrl+j
（2）向右缩进Tab，向左缩进shift+Tab
（3）颜区别   
8、注释：
9、body标记符的属性（推荐使用css）：
（1）bgcolor="背景颜"
（2）background="同一路径下的图片名称及扩展名"
（3）text="文字颜"
（4）leftmargin="左边距"，同理有右、上、下边距
10、w3school.chm手册
11、PSCapture（红绿工具）：抓图工具
12、字符标记
一、font标记符的属性（推荐使用css）：
（1）color="文本颜"
（2）size="字号"
（3）face="字体"
二、<b></b>:加粗
    <strong></strong>:加粗（加强语气）
三、<i></i>:倾斜
    <em></em>:倾斜（加强语气）
四、<u></u>：下划线
13、段落标记
  <p>段落内容</p>
14、p标记的属性：对齐方式align="left" 或者"center"或者"right"
15、h1-h6标题标记：h1最大，h6最小
    属性：对齐方式align="left" 或者"center"或者"right"
16、<br />:换行（不换段）
17、<hr />:水平直线
  属性：（1）size="60%"或者"90"
        （2）width="80%"或者"50"
        （3）对齐方式align="left" 或者"center"或者"right"
        （4）noshade="true"或者"false"或者"noshade"
18、块引用标记blockquote：文本缩进
  <blockquote cite="www.sina">
    文本
  </blockquote>
19、预格式化标记pre
20、特殊字符（注意都有分号）
（1）空格： 
（2）版权号：©
（3）注册商标：®
（4）<:<
    >:&rt;
21、列表标记
（1）无序列表：<ul>   
                    <li>...</li>
                  <li>...</li>
                  <li>...</li>     
              </ul>
    注：可加属性type="disc"或者"circle"或者"square"
（2）有序列表：<ol>
                  <li>...</li>
                  <li>...</li>
                  <li>...</li>
              </ol>
    注：可加属性type="1"或者"a"或者"A"或者"i"或者"I"
        可加属性start="起点数字"（任何type类型，此值只能是数字表示起点）
（3）定义列表：<dl>
                  <dt>...</dt>
                      <dd>...</dd>
                      <dd>...</dd> 
                      <dd>...</dd>
                  <dt>...</dt>
                      <dd>...</dd>
                      <dd>...</dd>
                  <dt>...</dt>
                      <dd>...</dd>
                      <dd>...</dd>
                      <dd>...</dd>
              </dl>
22、图片（gif、jpeg、png）标记：<img src="图片路径" />（注意路径概念的学习）
  其他属性：alt="图片不显示时的代替文本"
            title="鼠标悬停时显示的文本"
            width="图片宽（像素/百分比）"
            height="图片高（像素/百分比）"
            border="边框（数字）"
            align="left"或者"right"或者"top"或者"middle"或者"bottom"
            vspase="垂直间距"
            hspase="水平间距"
23、网页中内容排版与定位——表格标记table（Div+Css也是用于布局）
<table>
    <tr>
        <th>...</th>
        <th>...</th>
        <th>...</th>
    </tr>
<tr>
        <td>...</td>
        <td>...</td>
        <td>...</td>
    </tr>
    <tr>
        <td>...</td>
        <td>...</td>
        <td>...</td>
</tr>
</table>
注：table属性很多。
24、表格凸起凹陷立体效果，其实是将表格的亮边框颜与暗边框颜进行对比，产生的视觉效果。
25、超链接标记
<a href="链接地址" title="注释" target="打开链接窗口的显示型式">显示内容</a>
（1）href链接地址分为内部地址（目标HTML文件位置及全名）
                    外部地址（URL地址）
                    邮箱地址（mailto:地址）
（2）空链接（#）：用于做特效
    设首页 
    href="#"onClick="this.style.behavior='url(#default#homepage)';this.sethomepage('网址')"
    加收藏href="#" onClick="al.addfavorite('网址','收藏名')"）
（3）脚本链接
    打开窗口：javascript:window.open("HTML文件全名")
    关闭窗口：javascript:window.close()
（4）target值有_blank（在新窗口打开）
              _self（默认，在自身窗口打开）
              _parent（在上一级窗口打开）             
              _top（在浏览器的整个窗口打开，忽略任何框架）
（5）其他属性：锚点链接（跳转到本网页或其他HTML文件的指定位置，省的往上往下滚动鼠标好多次）
              创建锚点位置：name="锚点名称"
              跳转到锚点那：href="#锚点名称"或"其他HTML文件#锚点名称"
26、表单标记：提交用户填写的信息至服务器
<form action=url(传送目标，处理表单信息的服务器应用程序) method=处理表单数据的方法(GET（默认，少量数据，但会把值附加到请求页的URL中）/POST（大量数据）) name=表单名称>
表单元素
</form>
27、表单元素标记之<input /> ：必须包含type和name属性
（1）单行文本框
<input type="text" name="文本框名称" value="刚开始显示在文本框中用于提示用户的初始值" size="显示字符数" maxlength="最多容纳字符数" readonly="readonly"(设置为只读) disabled="disabled"(设置为不可操作) />
（2）密码框
<input type="password" name="密码框名称" value="刚开始显示在文本框中用于提示用户
的初始值" size="显示字符数" />

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。