网页的简单了解

最新推荐文章于 2025-05-28 15:51:16 发布

太阳1111

最新推荐文章于 2025-05-28 15:51:16 发布

阅读量284

点赞数

本文链接：https://blog.youkuaiyun.com/qq_45974766/article/details/107137892

版权

网站由网页组成，网页（由图片，文字，链接等元素）是HTML格式的文件。
HTML（超文本（可以加图片，链接，等超越文本）标记语言（是一套标记标签），不是编程语言）。
web标准（结构-HTML，表现+CSS，行为JS）简单来说就是（裸体的人，穿着衣服的人，有脑子有灵魂的人）
HTML基本语法
1，HTML是由一对< >.
2，标签通常是成对出现< >< />
3，其实也有单标签< />
标签关系（包含关系，并列关系）
HTML基本结构标签
<html></html> HTML标签，页面中的最大标签
<head></head>头部
<title></title>标题
<body></body>主体
常用标签
标题标签<h1></h1>-<h6></h6>，，1-6，，，，<h1>恶法话费卡合法化额外发哈开发哈佛</h1>
段落标签<p>你好呀</p>
换行标签单标签<p>回复<br/>我</p>
文本格式化标签 加粗倾斜删除线下划线

    我是<strong>太阳</strong>或<b>...</b>
    我是<em>太阳</em>或<i>...</i>
    我是<del>太阳</del>或<s>...</s>
    我是<ins>太阳</ins>或<u>...</u>

盒子标签

    <div>太阳哈啊哈</div>大的容器范围一行
    <span>月亮星星</span>小容器一行可以多个小容器
    <span>月亮星星</span>

图像标签：src后面跟地址

    <img src="apic26198.jpg" alt="替换文本，图像不能显示的文字" title="提示文本鼠标放到图像上显示的文字"
    width="100" height="50" border="10"/>

超链接标签5种简单样式

target 打开窗口的方式：_self当前窗口打开页面_blank新窗口打开页面
    <a href="http:www.qq.com" target="_blank">腾讯g</a>
    <a href="kahd.htm1" target="_blank">内部网页</a>
    <a href="#">空链接</a>
    <a href="sjfa.zip">下载链接</a>
    <a href="http:www.baidu.com"><img src="apic26198.jpg"/></a>
        <a href="#太阳">瞄点链接</a>
    <h4 id="太阳">一个火球</h4>

注释标签快捷键（ctrl+/)和特殊字符：空格符&nbsp,小于号&ltg,大于号&gt
1。表格标签

    <table align="center" border="1" cellpadding="0" cellspacing="0" width="100" height="200">table<!--定义表格-->
        <tr><th>姓名</th><th>性别</th></tr>tr表头单元格
        <tr><td>太阳</td><td>男</td></tr>td单元格
        <tr><td>月亮</td><td>女</td></tr>tr代表行
    </table>

表格结构
thead 标签表格的头部区域 tbody标签体区域
列表标签：
无序列表：ur li
有序列表： ol li
自定义列表 dl dt dd
表单标签（表单控件，提示信息，表单域）
form 表单域 input控件 label 标签
select 下拉表单元素
textarea 文本域表单元素
eg:

<h4>个人简介</h4>
    <table>
        <tr>
            <td>性别：</td>
            <td>
                <input type="radio" name="sex" id="nan" ><lable for="nan">男</lable>
                <input type="radio" name="sex" id="nv"> <lable for="nv">女</lable>
            </td>
        </tr>
        <tr>
            <td>出生：</td>
            <td>
                <select>
                    <option>请选择年份</option>
                    <option>1998</option>
                    <option>1999</option>
                    <option>2000</option>
                </select>
                <select>
                    <option>请选择月份</option>
                    <option>12</option>
                    <option>1</option>
                    <option>2</option>
                </select>
                <select>
                    <option>请选择日期</option>
                    <option>30</option>
                    <option>22</option>
                    <option>2</option>
                </select>
            </td>

        </tr>
        <tr>
            <td>所在地区</td>
            <td><input type="text" value="西安"></td>
        </tr>
        <tr>
            <td>婚姻：</td>
            <td><input type="radio"name="是">是
                <input type="radio"name="否">否
            </td>
            
        </tr>
        <tr>
            <td>学历</td>
            <td><input type="text" value="本科"></td>
        </tr>
        <tr>
            <td>个人介绍</td>
            <td>
            <textarea></textarea>
            </td>
        </tr>
        <tr>
            <td></td>
            <td><input type="submit" value="注册">
                
            </td>
            
        </tr>
    </table>

在这里插入图片描述
神器来了：查阅文档（https://www.w3school.com.cn/)/(MDN:https://developer.mozilla.org/zh-CN/)