HTML------简单笔记

 html标签包含"head头"以及并列的"body内容"

<!DOCTYPE html>
<html>
<head>
<title>页面链接头显示部分</title>
<meta charset="utf-8">    <!--编码格式-->
<link rel="图片类型/如icon" href="图片路径">       <!--头图像-->
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
<!--注释-->

html标签简单介绍:

标题是通过 <h1> - <h6> 等标签进行定义的。
        <h1>标题标签</h1>
	<h2>加粗换行</h2>
	<h3>字号大小改变</h3>
	<h4>我是越来越小的</h4>
    字体标签属性:
    属性    	描述
    align	定义文本的对齐方式
    bgcolor	定义背景颜色
    color	定义文本颜色
段落是通过 <p> 标签进行定义的。
    <p>This is a paragraph.</p>
字体样式标签:
    <i>斜体标签</i>
    <em>强调斜体标签</em>
    <b>加粗标签</b>
    <strong>强调加粗</strong>
    <u>下划线标签</u>
    <del>删除线标签</del>
    <sub>下标标签</sub>
    <sup>上标标签</sup>
    <p>段落标记标签</p>
    水平分隔线标签<hr/>      ——注:单标签
    换行标签<br/>

html列表:有序列表、无序列表、自定义列表

    有序列表

<ol type="修改有序列表序号样式" start="设置序号起始值">
  <li>列表内容</li>
  <li>列表内容</li>
  <li>列表内容</li>
... 
</ol>
//////////////////////
type属性值	    说 明
    1	            数字1、2 ...  
    a	            小写字母a、b...
    A	            大写字母A、B...
    i	            小写罗马数字i、ii、iii...
    I	            大写罗马数字I、II、III...

    无序列表

<ul type="">
	<li>列表内容</li>
	<li>列表知识</li>
	<li>列表介绍</li>
...
</ul>
type属性值	    说 明
disc 	            实心圆点(默认)
circle	            空心圆圈
Square	            方形

    自定义列表

<dl>
	<dt>列表项目列表项目</dt>
		<dd>列表解释</dd>
		<dd>列表解释</dd>
	<dt>列表项目列表项目</dt>
		<dd>列表解释</dd>
		<dd>列表解释</dd>
	<dt>列表项目列表项目</dt>
                <dd>列表解释</dd>
		<dd>列表解释</dd>
...
</dl>

htlm超链接

链接是通过 <a> 标签进行定义的。
    <a href="链接地址" target="指定用于打开链接的目标窗口">This is a link</a>
    target属性值(默认原窗口)    说 明
    _parent	              当前窗口的上级窗口(一般在框架中使用)
    _blank	              在新窗口中打开
    _self  	              在同一窗口中打开,和默认值一样
    _top	              在浏览器的整个窗口中打开

    链接类型:内部链接、外部链接、书签链接

        内部链接:指的是一个网站内部文件之间的链接。将超链接标记<a>中的href属性的URL值设置为相对路径。

        外部链接:指网站内的文件链接到站点外的文件。超链接标记<a>中,将它的href属性设置为绝对路径即可。

        书签链接:是在一个文档内部的链接,适用于文档比较长的情况。单机书签即可跳转到相应的内容。如:返回顶部。

htlm图片标签

图像是通过 <img> 标签进行定义的。
    <img src="url" alt="description" width="value" height="value" />
         属性值	             说 明
         src	             图像地址
         alt	             加载图像失败添加图像的代替文字
         title               若图像下载完成,鼠标放在图像上时,鼠标旁会出现此替代文字。
         width/height	     设置图像宽度/高度
         border	             设置边框的宽度,默认没有边框,边框颜色默认为黑色

HTML中form表单

<form name="formName" method="post/get" action="url" >            <!--form表单-->
    <input name="控制名称" type="类型控制" value="控件显示内容"/>    <!--控件-->
    <select>                        <!--列表框-->
		<option>北京</option>
		<option>上海</option>
		<option>广州</option>
		<option>深圳</option>
    </select>

</form>
      form属 性	           说 明
      name	           表单名称
      method	           表单发送的方式,可以是"post"或者"get"
      action	           表单处理程序提交地址
 <input>标记的type属性值及说明
      属 性	           说 明
      text	           文本框	   
      password	           密码框	   
      file	           文件框	   
      checkbox	           复选框	   
      radio	           单选按钮		
      button	          标准按钮
      submit	          提交按钮
      reset	          重置按钮
      image	          图像域
<select>标记用于定义列表框,<option>标记用于列表框中添加列表项目。
常用的其他属性
        *value属性:输入的值(默认指定值)
	size属性:输入框的宽度值
	maxlength属性:输入框的输入内容的最大长度
	readonly属性:对输入框只读属性
	*disabled属性:禁用属性
	placeholder输入的提示值

详细教程:http://www.w3school.com.cn/html/index.asp

猜你喜欢

转载自blog.csdn.net/u013283956/article/details/82194433