1、html

一、html
  1. 基本语法

<html>
	<head>
        <meta charset="UTF-8"/>
		<title></title>
	</head>
    <!--可以嵌套但不能交叉嵌套-->
    <!--标签要正确结束-->
    <!--属性="属性值" 或 属性='属性值'-->
	<body> 
		
	</body>
</html>
  1. 常见的标签
<!DOCTYPE html>
<html>
	<head>
        <meta charset="UTF-8"/>
		<title></title>
	</head>
    <!--可以嵌套但不能交叉嵌套-->
    <!--标签要正确结束-->
    <!--属性="属性值" 或 属性='属性值'-->
	<body> 
		<!--标题标签,数字越小字越大-->
        <h1>...</h1>
        <h2>...</h2>
        <!--段落标签,段间空一行-->
        <p>,,,,,, </p>
        <p>,,,,,, </p>
        <br /> <!-- 换行-->
        <hr /> <!-- 水平分割线-->
        <!--无序列表ul定义列表,li定义列表项-->
        <ul>
            <li>香蕉</li>
            <li>苹果</li>
            <li>榴莲</li>
        </ul>
        <!--有序列表ol定义列表,li定义列表项-->
        <ol start="5"> <!-- 从5开始 -->
            <li>香蕉</li>
            <li>苹果</li>
            <li>榴莲</li>
        </ol>
        <!--图片标签 img alt属性:如果找不到图片。提示内容; src属性:图片路径(相对路径或绝对路径)-->
        <img alt="" src=""/>
        <!--内联框架 iframe,src为资源路径 高宽可自己设置-->
        <iframe src="" width="" height="" name="targetFrame"> </iframe>
        <!--超链接a,
			target规定在何处打开链接文档:
			_blank(新开一个窗口)
			_self(在当前窗口打开)
			framename(表示在哪个frame打开,与iframe配合使用)-->
        <a href="www.baidu.com" target="targetFrame">我是超链接</a>
        <!--绝对路径:以/开始的路径都是绝对路径
			相对路径:不以/开始的路径都是相对路径,引入的资源相当对当前资源的位置
			../表示上一级
		-->
        <!--表格 table 定义表格,tr表示行,td表示列,border表示边线-->
 		<!--去掉边距-->
        <table border="1" style="border-collapse:collapse">
            <!--th定义表头-->
            <tr>
                <th>姓名</th>
               	<th>性别</th>
                <th>爱好</th>
            </tr>
            <tr>
                <!--一次跨2列-->
                <td colspan="2">张三</td>
               	<td></td>
                <td>篮球</td>
            </tr>
    		<tr>
                <!--一次跨2行-->
                <td rowspan="2">张三</td>
               	<td></td>
                <td>篮球</td>
            </tr>
        </table>
         <!--表单:把数据提交给服务器,数据是用户填写的
				form定义一个表单
				action:数据要提交的资源的位置
				method:表单的提交方式有get和post方式
				get:提交的数据被追加到地址栏
				post:数据被隐藏,不被追加到在地址栏
				name:定义表单项的名
				value:定义表单项的值
				浏览器地址框中?的后面是
				表单提交多个表单项,键值对以&连接-->
        <form action="" method="get/post">
            <!--name:定义表单项的名
				value:定义表单项的值
				浏览器地址框中?的后面是
				表单提交多个表单项,键值对以&连接-->
            用户名:<input type="text" name="" value=""/>
            密码:<input type="password" name="pwd" value=""/>
            <input type="submit" value=""/>
            <!--radio表示单选,name一致时表示同一组,才可以实现单选,name与value为键值对
				-->
            性别:男<input type="radio" name="sex" value="male"/><input type="radio" name="sex" name="female"/>
            <!--checkbox同一组的name应相同-->
            爱好: 香蕉<input type="checkbox" name="aihao" value="xiangjiao"/>
            苹果<input type="checkbox" name="aihao" value="pingguo"/>
            茶叶蛋<input type="checkbox" name="aihao" value="chayedan"/>
           <!--select定义一个下拉列表-->
            最喜欢的老师:
            <select name="teacher">
                <option value="lin">林老师</option>
                <option value="liu">刘老师</option>
                <option value="lan">兰老师</option>
            </select>
            
        </form>
         <!--转义字符,浏览器不管有多少空格,都默认一个
			"空格":&nbsp;  " < ":&lt;  " > ":&gt;  " " ":&quot;  " & ":&amp;
			-->
	</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值