HTML的复习

简介: HTML的复习

HTML和CSS不是一门编程语言,而JS是编程语言

           结构        html      样式      css    行为      js

<img` src="1.jpg" alt="图片">  
src  图片资源路径  可以是本地资源或者是网络资源
alt  预提示文本
alt作用是当图片资源不存在是,起提示作用

超链接

<a href="https://www.baidu.com" target="_self">百度一下</a>
   target   新窗口打开的方式 
            _blank  以新窗口打开
            _self(默认值)   在当前窗口打开

表单

input  标签
                type属性   
                    text 文本输入框
                    password  密码输入框
                    checkbox  多选框
                    radio   单选
                    select  option  下拉列表
                    submit   提交按钮
            action  提交地址  如果不写,提交到本页面
            method  提交方式
                    get 
                    post  

标签

标签分类为三大类
块(block)标签     行内(inline)标签   行内块(inline-block)标签
1. div标签    区域标签   表示一个区域
2. p标签    段落标签    表示一个段落
3. h1-h6    标题标签   一级标题—六级标题
   1. 标题标签可以提升网站排名,如果单纯是为了实现文字加粗效果,那么利用css样式实现,不要利用标题标签实现
4. span 标签   表示文字区域
5. 无序列表  
   1. ```html
      <ul>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
      <ul>
      ```
6. 有序列表
   1. ```html
      <ol>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
      <ol>
      ```
7. 斜体标签
   ```html
   em  具有强调的语义,表示一段文字中强调某个内容
   i   只是css样式为斜体  没有任何语义
  1. 粗体标签
b  只是css样式是粗体的,不具有语义
strong  具有强调作用,并且文本样式为粗体   具有语义
  1. sub 下标字
  2. sup 上标字
  3. del 删除线
  4. hr 分隔符
  5. br 换行符


相关文章
|
移动开发 前端开发 JavaScript
|
移动开发 HTML5
|
XML 编解码 前端开发
学习HTML笔记136
HTML5 SVG
76 0
|
移动开发 HTML5 容器
|
前端开发
|
移动开发 前端开发 JavaScript
|
移动开发 前端开发 HTML5
|
移动开发 Ruby HTML5
|
Web App开发 移动开发 前端开发
学习HTML笔记117
HTML5教程
86 0
|
存储 SQL 移动开发