HTML基本标签

最新推荐文章于 2022-12-06 22:52:21 发布

Bestyxiao

最新推荐文章于 2022-12-06 22:52:21 发布

阅读量999

点赞数

文章标签： html xml 前端

本文链接：https://blog.csdn.net/m0_49773499/article/details/123371252

版权

1.基本概念

web开发

web，网页的意思，www.baidu.com
静态web
html,css
提供给所有人看的数据始终不会发生变化！
动态web
淘宝，几乎是所有的网站
提供给所有人看的数据始终会发生变化，每个人在不同的时间，不同的地点看到的信息各不相同。
技术栈：Servlet/JSP,ASP,PHP
在Java中，动态web资源开发的技术统称为Javaweb

<html>
  <head>
    <title>$Title$</title>
  </head>
  <body>
  HELLO WORD <br/>你好
  <p>这是一个段落</p>
  <p>这是一个段落</p>
  <img src="img/1.jpg" width="56" height="78" alt="这是一张图片"/>
  </body>
</html>

html语言是解释型语言，不是编译型
浏览器是容错的

页面中由一对标签组成： -称之为开始标签 - 称之为结束标签 - title 表示网页的标题 - 可以在meta标签中设置编码方式

表示换行，br标签是一个单标签，单标签：开始标签和结束标签是同一个，斜杠放在单词后面。
p 表示段落标签
img 标签图片标签

src 属性表示图片文件的路径
width 和height表示图片的大小
alt 表示图片的提示

路径的问题

相对路径相对于当前某一个文件，某一个资源的位置
<img src="img/1.jpg" width="56" height="78" alt="这是一张图片"/>
绝对路径精准到盘符
<img src="C:/Users/ASUS/Pictures/Saved Pictures/1.jpg" width="56" height="78" alt="这是一张图片"/>

h1~h6

 <h1>标题一</h1>
  <h2>标题一</h2>
  <h3>标题一</h3>
  <h4>标题一</h4>
  <h5>标题一</h5>
  <h6>标题一</h6>

列表标签：ol 有序 type 显示的类型：A a l i I
start 表示从*开始

武林高手
  <ol type=“A” start=“3”>
    <li>扫地僧</li>
    <li>小猿</li>
    <li>虚竹</li>
    <li>阿紫</li>
  </ol>
  ul   无序    type  disc(default)  circle, square
```武林高手
  <ul >   
    <li>扫地僧</li>
    <li>小猿</li>
    <li>虚竹</li>
    <li>阿紫</li>
  </ul>

```xml
你是<b><u><i>月饼</i></u></b><b>甜</b>月饼还是咸<i>月饼</i>

加粗 b
斜体 i
下划线 u

水分子的化学式：H<sub>2</sub>O<br/>
氧气的化学式：O<sup>2</sup>

下标 sub
上标 sup
html中的实体：
小于号< 5<6 大于号> 6>4小于等于≤ 大于等于≥ 注册商标® 版权符号©
小于号&lt &大于号&gt 小于等于&e 大于等于&ge 注册商标&reg 版权符号&copy
不换行的快标签 span
a 表示超链接
href 连接的地址
target :
_self 在本窗口打开
_blank 在一个新窗口打开
_parent 在父窗口打开
_top 在顶层窗口打开
table 表格
tr 行
td 列
th 表头列

<table border="1" width="600" cellspacing="0" cellpadding="4">
    <tr >
      <td>姓名</td>
      <td>电话</td>
      <td>年龄</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>45464</td>
      <td>23</td>
  </table>         
  <!--type="text" 表示文本框  name属性必须要指定，否则这个文本框的数据将来是不会发送给服务器的    checked默认选项-->
 <!-- checkbox 表示复选框  name属性值建议保持一致，这样将来我们的服务器获取值得时候获取的是一个数组
 select 表示下拉了列表  每一个选项是option ，其中value属性是发送给服务器的值，selected表示默认选中的值
textarea 表示多行文本框（或者称之为文本域），它的value值就是结束标签之间的内容    
submit 表示提交按钮
reset 表示重置按钮
button 普通按钮-->
    <form action="demo.html" method="get">
        昵称：<input type="text" name="nickName"/><br/>
        密码：<input type="password"/><br/>
        性别:<input type="radio" name="gender" value="male"/>男
            <input type="radio" name="gender" value="female" checked/>女<br/>
        爱好：<input type="checkbox" name="hobby" value="basketball" checked/>篮球<br/>
             <input type="checkbox" name="hobby" value="football"/>足球<br/>
             <input type="checkbox" name="hobby" value="earth"/>地球<br/>
        星座：<select name="star">
                  <option value="1">白羊座</option>
                  <option value="2" selected>金牛座</option>
                  <option value="3">双子座</option>
                  <option value="4">天秤座</option>
             </select>
        备注：<textarea name="remark" rows="4" cols="50"></textarea></textarea><br/>
        <input type="submit" value="注册"/>
        <input type="reset" value="重置"/>
        <input type="button" value="这是一个普通按钮"/>
    </form>

frameset 表示页面框架，这个标签已经淘汰了解，不需要掌握。
frame 表示框架中的具体页面引用
iframe 在一个页面嵌入一个子页面

总结：

HTML是解释型的文本标记语言，不区分大小写。
html、head、title、meta、body、br、p、hr、div、table、form、u、i、sup、sub、&nbsp、span、ul,ol,li,tr,td,th,h1-h2,a,input,select,textarea,img
html,head,title,meta,body,br,ul,ol,h1-h2,a,img,&nbsp,p,div,sapn
table,tr,th,td
form(action=’’,method=‘post’) input type=‘text,password,radio,checkbox,submit,button,reset’ select,textarea

Bestyxiao

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基本标签

1.基本概念web开发web，网页的意思，www.baidu.com静态webhtml,css提供给所有人看的数据始终不会发生变化！动态web淘宝，几乎是所有的网站提供给所有人看的数据始终会发生变化，每个人在不同的时间，不同的地点看到的信息各不相同。技术栈：Servlet/JSP,ASP,PHP在Java中，动态web资源开发的技术统称为Javaweb<html> <head> <title>$Title$</title>
复制链接

扫一扫