fanshsh

导航

 

一.什么是html
html是超文本语言,也是标识语言
二.html特点
1.简易性
2.可拓展性
3.平台无关性
4.通用性
三.html标签
标题标签

6个等级标题 h1最大 段落标签

(1)  空格(必须手打) (2)em 标签表示斜体 (3)i 标签表示斜体 (4)br 表示换行 (5)b 标签表示加粗 (6) strong 标签表示加粗 (7)s 标签表示删除线 (8)u 标签 表示下划线 (9)font 颜色 (10)sub下标 (11)sup上标

图片标签

img src="1111.png" alt="2222" width="500" height="500">
本地路径

img src="https://wx3.sinaimg.cn/mw690/9206e864gy1h0vosbuq1wj20u01wctkm.jpg" alt="网页" width="500" height="500" >网络路径

链接标签
定义:从一个网页指向另一个网页的目的地,这个目标可以是一个网页,也可以是相同上的位置,还可以是图片,一个文件,一个应用程序等;
四种类型:

a.新连接覆盖原连接
b、新开一个窗口
c、图片连接
d、死链接
格式如下
a href="https://www.baidu.com/">百度
新连接覆盖原连接
a href="htpps://www.jd.com/" target="_blank">京东
新开一个窗口
a href="https://www.4399.com/" target="_blank">img src="1111.png"> <br图片连接
a hreflang="#">dcs
死链接

列表标签
有序列表
ol
格式如下type后面可以跟1,a,A
ol type="A">有

  • qq

  • ww

  • ee

  • rr

  • tt

  • /ol>

    无序列表
    ul
    格式如下
    type后面可以加circle(实心圆)、disc(空心圆)、square(实心方块)
    ul type="" >

    <li>ss</li>
    <li>aa</li>
    <li>dd</li>
    <li>ww</li>
    

    表格
    table
    table border="2" height="50" wedth="100" bgcolor="pink" cellspacing="5" cellpadding="10" align="center">
    tr>
    姓名
    sedking
    111


    年龄
    年龄

    tr>
    姓名
    sedking
    111


    姓名
    sedking

    合并行:
    rowspan=‘行数’
    合并列:
    colspan =“行数”
    表单:

    表单标签格式:form
    action:开始网址
    method:get和post等等
    表单标签:主要用来收集用户输入信息如:登入、注册、搜索商品等
    用户名格式:text (明文)
    密码格式:password (密文)
    性别:radio 性别格式 性别是单选,单选类型是radio,注意name要加上sex
    复选框:checkbox
    文本框:textarea
    上传文件:file
    下拉选择框:select
    button:按钮
    reset:重置
    submit:提交

    css
    层叠样式
    (1)定义:css是一种用来表现html或xml等文件样式的计算机语言。
    (2)css 不仅可以静态的修饰网页,还可以配合各种动态对网页元素进行格式化;
    (3)层叠样式表有两种方法:
    第一种:在head中加上style属性

    第二种:通过外部链接的方式添加
    1.新建一个css文件
    注styel中的优先级高于head中的link

    id选择器
    在id属性值前加#

    class选择器
    在class属性值前加.

    标签选择器

    组合选择器

    伪类选择器

    字体样式和文本样式

    posted on 2024-05-30 19:30  fan1139  阅读(18)  评论(0)    收藏  举报